Issue with Hilla PWA in Development Mode

Hey there! I tried to set up a PWA with the @PWA Annotation in my Hilla App. It works fine for production mode. But when I start the Application in development mode, it can not boot up vite properly. Without the annotation everything works fine in development mode, but then there is no PWA functionality, obviously.

The error in development mode:

2024-05-23T08:46:42.041+02:00  INFO 38876 --- [onPool-worker-1] c.v.b.devserver.AbstractDevServerRunner  : Running Vite to compile frontend resources. This may take a moment, please stand by...
2024-05-23T08:46:42.688+02:00  INFO 38876 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   : @vaadin/bundles has version mismatches with installed packages, Vaadin component dependency bundles are disabled.
2024-05-23T08:46:42.688+02:00  INFO 38876 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   : Packages with version mismatches: [
2024-05-23T08:46:42.688+02:00  INFO 38876 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   :   {
2024-05-23T08:46:42.689+02:00  INFO 38876 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   :     "name": "lit",
2024-05-23T08:46:42.689+02:00  INFO 38876 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   :     "bundledVersion": "3.1.0",
2024-05-23T08:46:42.689+02:00  INFO 38876 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   :     "installedVersion": "3.1.2"
2024-05-23T08:46:42.689+02:00  INFO 38876 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   :   }
2024-05-23T08:46:42.689+02:00  INFO 38876 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   : ]
2024-05-23T08:46:42.902+02:00  INFO 38876 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   : error when starting dev server:
2024-05-23T08:46:42.902+02:00  INFO 38876 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   : Error: Unexpected token (Note that you need plugins to import files that are not JavaScript)
2024-05-23T08:46:42.902+02:00  INFO 38876 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   :     at error (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:1858:30)
2024-05-23T08:46:42.903+02:00  INFO 38876 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   :     at Module.error (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:12429:16)
2024-05-23T08:46:42.903+02:00  INFO 38876 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   :     at Module.tryParse (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:12806:25)
2024-05-23T08:46:42.903+02:00  INFO 38876 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   :     at Module.setSource (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:12711:24)
2024-05-23T08:46:42.903+02:00  INFO 38876 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   :     at ModuleLoader.addModuleSource (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:21959:20)

------------------ Frontend compilation failed. ------------------

2024-05-23T08:46:43.128+02:00 ERROR 38876 --- [nio-8080-exec-4] c.v.flow.server.DefaultErrorHandler      : 

java.lang.IllegalStateException: Startup of Vite failed. Output was:
@vaadin/bundles has version mismatches with installed packages, Vaadin component dependency bundles are disabled.
Packages with version mismatches: [
  {
    "name": "lit",
    "bundledVersion": "3.1.0",
    "installedVersion": "3.1.2"
  }
]
error when starting dev server:
Error: Unexpected token (Note that you need plugins to import files that are not JavaScript)
    at error (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:1858:30)
    at Module.error (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:12429:16)
    at Module.tryParse (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:12806:25)
    at Module.setSource (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:12711:24)
    at ModuleLoader.addModuleSource (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:21959:20)

	at com.vaadin.base.devserver.AbstractDevServerRunner.doStartDevModeServer(AbstractDevServerRunner.java:223) ~[vaadin-dev-server-24.3.7.jar:na]
	at com.vaadin.base.devserver.AbstractDevServerRunner.runOnFutureComplete(AbstractDevServerRunner.java:171) ~[vaadin-dev-server-24.3.7.jar:na]
	at com.vaadin.base.devserver.AbstractDevServerRunner.lambda$new$0(AbstractDevServerRunner.java:162) ~[vaadin-dev-server-24.3.7.jar:na]
	at java.base/java.util.concurrent.CompletableFuture.uniWhenComplete(CompletableFuture.java:863) ~[na:na]
	at java.base/java.util.concurrent.CompletableFuture$UniWhenComplete.tryFire(CompletableFuture.java:841) ~[na:na]
	at java.base/java.util.concurrent.CompletableFuture$Completion.exec(CompletableFuture.java:483) ~[na:na]
	at java.base/java.util.concurrent.ForkJoinTask.doExec(ForkJoinTask.java:507) ~[na:na]
	at java.base/java.util.concurrent.ForkJoinPool$WorkQueue.topLevelExec(ForkJoinPool.java:1491) ~[na:na]
	at java.base/java.util.concurrent.ForkJoinPool.scan(ForkJoinPool.java:2073) ~[na:na]
	at java.base/java.util.concurrent.ForkJoinPool.runWorker(ForkJoinPool.java:2035) ~[na:na]
	at java.base/java.util.concurrent.ForkJoinWorkerThread.run(ForkJoinWorkerThread.java:187) ~[na:na]

2024-05-23T08:46:43.131+02:00 ERROR 38876 --- [nio-8080-exec-4] o.a.c.c.C.[.[.[/].[springServlet]        : Servlet.service() for servlet [springServlet] threw exception

java.lang.IllegalStateException: Startup of Vite failed. Output was:
@vaadin/bundles has version mismatches with installed packages, Vaadin component dependency bundles are disabled.
Packages with version mismatches: [
  {
    "name": "lit",
    "bundledVersion": "3.1.0",
    "installedVersion": "3.1.2"
  }
]
error when starting dev server:
Error: Unexpected token (Note that you need plugins to import files that are not JavaScript)
    at error (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:1858:30)
    at Module.error (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:12429:16)
    at Module.tryParse (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:12806:25)
    at Module.setSource (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:12711:24)
    at ModuleLoader.addModuleSource (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:21959:20)

	at com.vaadin.base.devserver.AbstractDevServerRunner.doStartDevModeServer(AbstractDevServerRunner.java:223) ~[vaadin-dev-server-24.3.7.jar:na]
	at com.vaadin.base.devserver.AbstractDevServerRunner.runOnFutureComplete(AbstractDevServerRunner.java:171) ~[vaadin-dev-server-24.3.7.jar:na]
	at com.vaadin.base.devserver.AbstractDevServerRunner.lambda$new$0(AbstractDevServerRunner.java:162) ~[vaadin-dev-server-24.3.7.jar:na]
	at java.base/java.util.concurrent.CompletableFuture.uniWhenComplete(CompletableFuture.java:863) ~[na:na]
	at java.base/java.util.concurrent.CompletableFuture$UniWhenComplete.tryFire(CompletableFuture.java:841) ~[na:na]
	at java.base/java.util.concurrent.CompletableFuture$Completion.exec(CompletableFuture.java:483) ~[na:na]
	at java.base/java.util.concurrent.ForkJoinTask.doExec(ForkJoinTask.java:507) ~[na:na]
	at java.base/java.util.concurrent.ForkJoinPool$WorkQueue.topLevelExec(ForkJoinPool.java:1491) ~[na:na]
	at java.base/java.util.concurrent.ForkJoinPool.scan(ForkJoinPool.java:2073) ~[na:na]
	at java.base/java.util.concurrent.ForkJoinPool.runWorker(ForkJoinPool.java:2035) ~[na:na]
	at java.base/java.util.concurrent.ForkJoinWorkerThread.run(ForkJoinWorkerThread.java:187) ~[na:na]

2024-05-23T08:46:43.131+02:00 ERROR 38876 --- [nio-8080-exec-4] o.a.c.c.C.[.[.[/].[dispatcherServlet]    : Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception [com.vaadin.flow.server.ServiceException: java.lang.IllegalStateException: Startup of Vite failed. Output was:
@vaadin/bundles has version mismatches with installed packages, Vaadin component dependency bundles are disabled.
Packages with version mismatches: [
  {
    "name": "lit",
    "bundledVersion": "3.1.0",
    "installedVersion": "3.1.2"
  }
]
error when starting dev server:
Error: Unexpected token (Note that you need plugins to import files that are not JavaScript)
    at error (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:1858:30)
    at Module.error (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:12429:16)
    at Module.tryParse (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:12806:25)
    at Module.setSource (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:12711:24)
    at ModuleLoader.addModuleSource (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:21959:20)
] with root cause

java.lang.IllegalStateException: Startup of Vite failed. Output was:
@vaadin/bundles has version mismatches with installed packages, Vaadin component dependency bundles are disabled.
Packages with version mismatches: [
  {
    "name": "lit",
    "bundledVersion": "3.1.0",
    "installedVersion": "3.1.2"
  }
]
error when starting dev server:
Error: Unexpected token (Note that you need plugins to import files that are not JavaScript)
    at error (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:1858:30)
    at Module.error (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:12429:16)
    at Module.tryParse (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:12806:25)
    at Module.setSource (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:12711:24)
    at ModuleLoader.addModuleSource (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:21959:20)

	at com.vaadin.base.devserver.AbstractDevServerRunner.doStartDevModeServer(AbstractDevServerRunner.java:223) ~[vaadin-dev-server-24.3.7.jar:na]
	at com.vaadin.base.devserver.AbstractDevServerRunner.runOnFutureComplete(AbstractDevServerRunner.java:171) ~[vaadin-dev-server-24.3.7.jar:na]
	at com.vaadin.base.devserver.AbstractDevServerRunner.lambda$new$0(AbstractDevServerRunner.java:162) ~[vaadin-dev-server-24.3.7.jar:na]
	at java.base/java.util.concurrent.CompletableFuture.uniWhenComplete(CompletableFuture.java:863) ~[na:na]
	at java.base/java.util.concurrent.CompletableFuture$UniWhenComplete.tryFire(CompletableFuture.java:841) ~[na:na]
	at java.base/java.util.concurrent.CompletableFuture$Completion.exec(CompletableFuture.java:483) ~[na:na]
	at java.base/java.util.concurrent.ForkJoinTask.doExec(ForkJoinTask.java:507) ~[na:na]
	at java.base/java.util.concurrent.ForkJoinPool$WorkQueue.topLevelExec(ForkJoinPool.java:1491) ~[na:na]
	at java.base/java.util.concurrent.ForkJoinPool.scan(ForkJoinPool.java:2073) ~[na:na]
	at java.base/java.util.concurrent.ForkJoinPool.runWorker(ForkJoinPool.java:2035) ~[na:na]
	at java.base/java.util.concurrent.ForkJoinWorkerThread.run(ForkJoinWorkerThread.java:187) ~[na:na]

2024-05-23T08:46:43.920+02:00 ERROR 38876 --- [nio-8080-exec-5] c.v.flow.server.DefaultErrorHandler      : 

java.lang.IllegalStateException: Startup of Vite failed. Output was:
@vaadin/bundles has version mismatches with installed packages, Vaadin component dependency bundles are disabled.
Packages with version mismatches: [
  {
    "name": "lit",
    "bundledVersion": "3.1.0",
    "installedVersion": "3.1.2"
  }
]
error when starting dev server:
Error: Unexpected token (Note that you need plugins to import files that are not JavaScript)
    at error (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:1858:30)
    at Module.error (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:12429:16)
    at Module.tryParse (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:12806:25)
    at Module.setSource (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:12711:24)
    at ModuleLoader.addModuleSource (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:21959:20)

	at com.vaadin.base.devserver.AbstractDevServerRunner.doStartDevModeServer(AbstractDevServerRunner.java:223) ~[vaadin-dev-server-24.3.7.jar:na]
	at com.vaadin.base.devserver.AbstractDevServerRunner.runOnFutureComplete(AbstractDevServerRunner.java:171) ~[vaadin-dev-server-24.3.7.jar:na]
	at com.vaadin.base.devserver.AbstractDevServerRunner.lambda$new$0(AbstractDevServerRunner.java:162) ~[vaadin-dev-server-24.3.7.jar:na]
	at java.base/java.util.concurrent.CompletableFuture.uniWhenComplete(CompletableFuture.java:863) ~[na:na]
	at java.base/java.util.concurrent.CompletableFuture$UniWhenComplete.tryFire(CompletableFuture.java:841) ~[na:na]
	at java.base/java.util.concurrent.CompletableFuture$Completion.exec(CompletableFuture.java:483) ~[na:na]
	at java.base/java.util.concurrent.ForkJoinTask.doExec(ForkJoinTask.java:507) ~[na:na]
	at java.base/java.util.concurrent.ForkJoinPool$WorkQueue.topLevelExec(ForkJoinPool.java:1491) ~[na:na]
	at java.base/java.util.concurrent.ForkJoinPool.scan(ForkJoinPool.java:2073) ~[na:na]
	at java.base/java.util.concurrent.ForkJoinPool.runWorker(ForkJoinPool.java:2035) ~[na:na]
	at java.base/java.util.concurrent.ForkJoinWorkerThread.run(ForkJoinWorkerThread.java:187) ~[na:na]

2024-05-23T08:46:43.921+02:00 ERROR 38876 --- [nio-8080-exec-5] o.a.c.c.C.[.[.[/].[springServlet]        : Servlet.service() for servlet [springServlet] threw exception

java.lang.IllegalStateException: Startup of Vite failed. Output was:
@vaadin/bundles has version mismatches with installed packages, Vaadin component dependency bundles are disabled.
Packages with version mismatches: [
  {
    "name": "lit",
    "bundledVersion": "3.1.0",
    "installedVersion": "3.1.2"
  }
]
error when starting dev server:
Error: Unexpected token (Note that you need plugins to import files that are not JavaScript)
    at error (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:1858:30)
    at Module.error (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:12429:16)
    at Module.tryParse (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:12806:25)
    at Module.setSource (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:12711:24)
    at ModuleLoader.addModuleSource (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:21959:20)

	at com.vaadin.base.devserver.AbstractDevServerRunner.doStartDevModeServer(AbstractDevServerRunner.java:223) ~[vaadin-dev-server-24.3.7.jar:na]
	at com.vaadin.base.devserver.AbstractDevServerRunner.runOnFutureComplete(AbstractDevServerRunner.java:171) ~[vaadin-dev-server-24.3.7.jar:na]
	at com.vaadin.base.devserver.AbstractDevServerRunner.lambda$new$0(AbstractDevServerRunner.java:162) ~[vaadin-dev-server-24.3.7.jar:na]
	at java.base/java.util.concurrent.CompletableFuture.uniWhenComplete(CompletableFuture.java:863) ~[na:na]
	at java.base/java.util.concurrent.CompletableFuture$UniWhenComplete.tryFire(CompletableFuture.java:841) ~[na:na]
	at java.base/java.util.concurrent.CompletableFuture$Completion.exec(CompletableFuture.java:483) ~[na:na]
	at java.base/java.util.concurrent.ForkJoinTask.doExec(ForkJoinTask.java:507) ~[na:na]
	at java.base/java.util.concurrent.ForkJoinPool$WorkQueue.topLevelExec(ForkJoinPool.java:1491) ~[na:na]
	at java.base/java.util.concurrent.ForkJoinPool.scan(ForkJoinPool.java:2073) ~[na:na]
	at java.base/java.util.concurrent.ForkJoinPool.runWorker(ForkJoinPool.java:2035) ~[na:na]
	at java.base/java.util.concurrent.ForkJoinWorkerThread.run(ForkJoinWorkerThread.java:187) ~[na:na]

2024-05-23T08:46:43.922+02:00 ERROR 38876 --- [nio-8080-exec-5] o.a.c.c.C.[.[.[/].[dispatcherServlet]    : Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception [com.vaadin.flow.server.ServiceException: java.lang.IllegalStateException: Startup of Vite failed. Output was:
@vaadin/bundles has version mismatches with installed packages, Vaadin component dependency bundles are disabled.
Packages with version mismatches: [
  {
    "name": "lit",
    "bundledVersion": "3.1.0",
    "installedVersion": "3.1.2"
  }
]
error when starting dev server:
Error: Unexpected token (Note that you need plugins to import files that are not JavaScript)
    at error (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:1858:30)
    at Module.error (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:12429:16)
    at Module.tryParse (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:12806:25)
    at Module.setSource (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:12711:24)
    at ModuleLoader.addModuleSource (file:///Users/christiansequ/TaskABreath/task-a-breath-hilla-app/node_modules/rollup/dist/es/shared/rollup.js:21959:20)
] with root cause

My App-Shell:

package de.christiansequ.taskabreathhillaapp;

import com.vaadin.flow.component.page.AppShellConfigurator;
import com.vaadin.flow.server.PWA;
import com.vaadin.flow.theme.Theme;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

/**
 * The entry point of the Spring Boot application.
 *
 * Use the @PWA annotation make the application installable on phones, tablets
 * and some desktop browsers.
 *
 */

@SpringBootApplication
@Theme(value = "task-a-breath-hilla-app")
@PWA(name = "TaskABreath", shortName = "TAB", startPath = "/")
public class Application implements AppShellConfigurator {

    public static void main(String[] args) {
        SpringApplication.run(Application.class, args);
    }

}

My pom.xml:

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <!-- Project from https://start.vaadin.com/project/86c5e679-fac0-4d9c-9cf5-f55a25784738 -->
    <groupId>de.christiansequ</groupId>
    <artifactId>task-a-breath-hilla-app</artifactId>
    <name>task-a-breath-hilla-app</name>
    <version>1.0-SNAPSHOT</version>
    <packaging>jar</packaging>

    <properties>
        <java.version>17</java.version>
        <hilla.version>2.5.7</hilla.version>
    </properties>

    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>3.2.4</version>
    </parent>

    <dependencyManagement>
        <dependencies>
            <dependency>
                <groupId>dev.hilla</groupId>
                <artifactId>hilla-bom</artifactId>
                <version>${hilla.version}</version>
                <type>pom</type>
                <scope>import</scope>
            </dependency>
        </dependencies>
    </dependencyManagement>

    <dependencies>
        <dependency>
            <groupId>dev.hilla</groupId>
            <artifactId>hilla-react</artifactId>
        </dependency>
        <dependency>
            <groupId>dev.hilla</groupId>
            <artifactId>hilla-spring-boot-starter</artifactId>
        </dependency>
        <dependency>
            <groupId>org.parttio</groupId>
            <artifactId>line-awesome</artifactId>
            <version>2.0.0</version>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-data-jpa</artifactId>
        </dependency>

        <dependency>
            <groupId>org.postgresql</groupId>
            <artifactId>postgresql</artifactId>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-validation</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-devtools</artifactId>
            <optional>true</optional>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <scope>provided</scope>
        </dependency>
    </dependencies>

    <build>
        <defaultGoal>spring-boot:run</defaultGoal>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>

            <plugin>
                <groupId>dev.hilla</groupId>
                <artifactId>hilla-maven-plugin</artifactId>
                <version>${hilla.version}</version>
                <executions>
                    <execution>
                        <goals>
                            <goal>prepare-frontend</goal>
                        </goals>
                    </execution>
                </executions>
            </plugin>
        </plugins>
    </build>

    <profiles>
        <profile>
            <!-- Production mode is activated using -Pproduction -->
            <id>production</id>
            <build>
                <plugins>
                    <plugin>
                        <groupId>dev.hilla</groupId>
                        <artifactId>hilla-maven-plugin</artifactId>
                        <version>${hilla.version}</version>
                        <executions>
                            <execution>
                                <goals>
                                    <goal>build-frontend</goal>
                                </goals>
                                <phase>compile</phase>
                            </execution>
                        </executions>
                    </plugin>
                </plugins>
            </build>
        </profile>
    </profiles>
</project>

my package.json:

{
  "name": "no-name",
  "license": "UNLICENSED",
  "type": "module",
  "dependencies": {
    "@emotion/react": "^11.11.4",
    "@emotion/styled": "^11.11.5",
    "@hilla/form": "2.5.7",
    "@hilla/frontend": "2.5.7",
    "@hilla/generator-typescript-cli": "2.5.7",
    "@hilla/generator-typescript-core": "2.5.7",
    "@hilla/generator-typescript-plugin-backbone": "2.5.7",
    "@hilla/generator-typescript-plugin-barrel": "2.5.7",
    "@hilla/generator-typescript-plugin-client": "2.5.7",
    "@hilla/generator-typescript-plugin-model": "2.5.7",
    "@hilla/generator-typescript-plugin-push": "2.5.7",
    "@hilla/generator-typescript-plugin-subtypes": "2.5.7",
    "@hilla/generator-typescript-utils": "2.5.7",
    "@hilla/react-auth": "2.5.7",
    "@hilla/react-components": "2.3.0",
    "@hilla/react-crud": "2.5.7",
    "@hilla/react-form": "2.5.7",
    "@polymer/polymer": "3.5.1",
    "@radix-ui/react-alert-dialog": "^1.0.5",
    "@radix-ui/react-checkbox": "^1.0.4",
    "@radix-ui/react-dialog": "^1.0.5",
    "@radix-ui/react-label": "^2.0.2",
    "@radix-ui/react-popover": "^1.0.7",
    "@radix-ui/react-separator": "^1.0.3",
    "@radix-ui/react-slot": "^1.0.2",
    "@vaadin/bundles": "24.3.0",
    "@vaadin/common-frontend": "0.0.19",
    "@vaadin/router": "1.7.5",
    "classnames": "^2.3.2",
    "cmdk": "^1.0.0",
    "construct-style-sheets-polyfill": "3.1.0",
    "date-fns": "^3.6.0",
    "dayjs": "^1.11.11",
    "framer-motion": "^11.2.4",
    "lit": "3.1.2",
    "lucide-react": "^0.378.0",
    "react": "^18.2.0",
    "react-day-picker": "^8.10.1",
    "react-dom": "^18.2.0",
    "react-router-dom": "^6.4.2"
  },
  "devDependencies": {
    "@lit-labs/react": "^1.1.0",
    "@rollup/plugin-replace": "5.0.5",
    "@rollup/pluginutils": "5.1.0",
    "@types/react": "^18.0.25",
    "@types/react-dom": "^18.0.8",
    "@vitejs/plugin-react": "4.2.1",
    "@vitejs/plugin-react-swc": "3.5.0",
    "async": "3.2.4",
    "autoprefixer": "^10.4.19",
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.1.1",
    "glob": "10.3.3",
    "postcss": "^8.4.38",
    "rollup-plugin-brotli": "3.1.0",
    "rollup-plugin-visualizer": "5.12.0",
    "strip-css-comments": "5.0.0",
    "tailwind-merge": "^2.3.0",
    "tailwindcss": "^3.4.3",
    "tailwindcss-animate": "^1.0.7",
    "transform-ast": "2.4.4",
    "typescript": "5.3.3",
    "vite": "5.1.1",
    "vite-plugin-checker": "0.6.4",
    "workbox-build": "7.0.0",
    "workbox-core": "7.0.0",
    "workbox-precaching": "7.0.0"
  },
  "overrides": {
    "classnames": "$classnames",
    "react": "$react",
    "react-dom": "$react-dom",
    "react-router-dom": "$react-router-dom",
    "@vaadin/bundles": "$@vaadin/bundles",
    "@hilla/react-components": "$@hilla/react-components",
    "@vaadin/common-frontend": "$@vaadin/common-frontend",
    "construct-style-sheets-polyfill": "$construct-style-sheets-polyfill",
    "lit": "$lit",
    "@vaadin/router": "$@vaadin/router",
    "@polymer/polymer": "$@polymer/polymer",
    "@hilla/react-auth": "$@hilla/react-auth",
    "@hilla/generator-typescript-plugin-model": "$@hilla/generator-typescript-plugin-model",
    "@hilla/generator-typescript-plugin-barrel": "$@hilla/generator-typescript-plugin-barrel",
    "@hilla/react-form": "$@hilla/react-form",
    "@hilla/generator-typescript-plugin-push": "$@hilla/generator-typescript-plugin-push",
    "@hilla/generator-typescript-core": "$@hilla/generator-typescript-core",
    "@hilla/generator-typescript-plugin-client": "$@hilla/generator-typescript-plugin-client",
    "@hilla/generator-typescript-utils": "$@hilla/generator-typescript-utils",
    "@hilla/frontend": "$@hilla/frontend",
    "@hilla/form": "$@hilla/form",
    "@hilla/generator-typescript-plugin-subtypes": "$@hilla/generator-typescript-plugin-subtypes",
    "@hilla/react-crud": "$@hilla/react-crud",
    "@hilla/generator-typescript-plugin-backbone": "$@hilla/generator-typescript-plugin-backbone",
    "@hilla/generator-typescript-cli": "$@hilla/generator-typescript-cli",
    "lucide-react": "$lucide-react",
    "@radix-ui/react-alert-dialog": "$@radix-ui/react-alert-dialog",
    "@radix-ui/react-slot": "$@radix-ui/react-slot",
    "@radix-ui/react-checkbox": "$@radix-ui/react-checkbox",
    "@radix-ui/react-label": "$@radix-ui/react-label",
    "@radix-ui/react-popover": "$@radix-ui/react-popover",
    "date-fns": "$date-fns",
    "react-day-picker": "$react-day-picker",
    "@radix-ui/react-dialog": "$@radix-ui/react-dialog",
    "cmdk": "$cmdk",
    "framer-motion": "$framer-motion",
    "@emotion/react": "$@emotion/react",
    "@emotion/styled": "$@emotion/styled",
    "dayjs": "$dayjs",
    "@radix-ui/react-separator": "$@radix-ui/react-separator"
  },
  "vaadin": {
    "dependencies": {
      "@hilla/form": "2.5.7",
      "@hilla/frontend": "2.5.7",
      "@hilla/generator-typescript-cli": "2.5.7",
      "@hilla/generator-typescript-core": "2.5.7",
      "@hilla/generator-typescript-plugin-backbone": "2.5.7",
      "@hilla/generator-typescript-plugin-barrel": "2.5.7",
      "@hilla/generator-typescript-plugin-client": "2.5.7",
      "@hilla/generator-typescript-plugin-model": "2.5.7",
      "@hilla/generator-typescript-plugin-push": "2.5.7",
      "@hilla/generator-typescript-plugin-subtypes": "2.5.7",
      "@hilla/generator-typescript-utils": "2.5.7",
      "@hilla/react-auth": "2.5.7",
      "@hilla/react-components": "2.3.0",
      "@hilla/react-crud": "2.5.7",
      "@hilla/react-form": "2.5.7",
      "@polymer/polymer": "3.5.1",
      "@vaadin/bundles": "24.3.0",
      "@vaadin/common-frontend": "0.0.19",
      "@vaadin/router": "1.7.5",
      "construct-style-sheets-polyfill": "3.1.0",
      "lit": "3.1.2"
    },
    "devDependencies": {
      "@rollup/plugin-replace": "5.0.5",
      "@rollup/pluginutils": "5.1.0",
      "@vitejs/plugin-react": "4.2.1",
      "@vitejs/plugin-react-swc": "3.5.0",
      "async": "3.2.4",
      "glob": "10.3.3",
      "rollup-plugin-brotli": "3.1.0",
      "rollup-plugin-visualizer": "5.12.0",
      "strip-css-comments": "5.0.0",
      "transform-ast": "2.4.4",
      "typescript": "5.3.3",
      "vite": "5.1.1",
      "vite-plugin-checker": "0.6.4",
      "workbox-build": "7.0.0",
      "workbox-core": "7.0.0",
      "workbox-precaching": "7.0.0"
    },
    "hash": "47f3af1da070b3777c56479608f0161189adb55f64587abc21a3f8173da7ddbd"
  }
}

I would love to know if this is a hilla bug or if i am doing something wrong. :)

Based on a quick glance, it seems like you may have ended up with a mismatch of versions from npm. Although I don’t know why it would work in production, not development.

Regardless, as a first step, you could try removing your package-lock.json and node_modules and let it try to resolve the versions again, hopefully correctly this time :slight_smile: