在IntelliJ中将Vaadin添加到Java项目并获得运行时错误import.meta

Question

我用创建了一个新项目：

Project

• Language：
• 项目: Gradle
  • Spring Boot: 2.7.4
  • Packaging: JAR
  • Java: 8
  • Dependencies: Spring Boot执行器、Spring Data JPA、Spring、H2数据库、PostgresSQL驱动程序、Spring配置处理器

当我运行应用程序时，我会看到以下内容：

来自 IDE的

• 输出指示转到http://127.0.0.1:64694/VAADIN/

​

• 下一步，打开Chrome浏览器并导航到URL：

​

• 等一两秒钟，网页就会显示，就坐在那里：

​

• 在等待了一段时间之后，回顾一下IDE的输出：

​

获取错误：

2022-09-23 11:25:25.969  INFO 2916 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   : [vite] warning: "import.meta" is not available in the configured target environment ("es2019") and will be empty
2022-09-23 11:25:25.969  INFO 2916 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   : 1  |  // @ts-ignore
2022-09-23 11:25:25.969  INFO 2916 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   : 2  |  if (import.meta.hot) {
2022-09-23 11:25:25.969  INFO 2916 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   :    |      ^
2022-09-23 11:25:25.970  INFO 2916 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   : 3  |    // @ts-ignore
2022-09-23 11:25:25.970  INFO 2916 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   : 4  |    const hot = import.meta.hot;
2022-09-23 11:25:25.970  INFO 2916 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   : 
2022-09-23 11:25:25.970  INFO 2916 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   :   Plugin: vite:esbuild
2022-09-23 11:25:25.970  INFO 2916 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   :   File: C:/Users/krzysztof/Downloads/fundemo_v2/fundemo/frontend/generated/vite-devmode.ts
2022-09-23 11:25:25.970  INFO 2916 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   : [vite] warning: "import.meta" is not available in the configured target environment ("es2019") and will be empty
2022-09-23 11:25:25.970  INFO 2916 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   : 2  |  if (import.meta.hot) {
2022-09-23 11:25:25.970  INFO 2916 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   : 3  |    // @ts-ignore
2022-09-23 11:25:25.970  INFO 2916 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   : 4  |    const hot = import.meta.hot;
2022-09-23 11:25:25.970  INFO 2916 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   :    |                ^
2022-09-23 11:25:25.970  INFO 2916 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   : 5  |  
2022-09-23 11:25:25.970  INFO 2916 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   : 6  |    const isLiveReloadDisabled = () => {
2022-09-23 11:25:25.970  INFO 2916 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   : 
2022-09-23 11:25:25.970  INFO 2916 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   :   Plugin: vite:esbuild
2022-09-23 11:25:25.970  INFO 2916 --- [v-server-output] c.v.b.devserver.DevServerOutputTracker   :   File: C:/Users/krzysztof/Downloads/fundemo_v2/fundemo/frontend/generated/vite-devmode.ts

我怎样才能避免这个错误呢？

Answer 1

正确的网址是http://localhost:8080

另一个是内部调试url。

Answer 2

除了使用错误的http端口而不是默认的8080:您没有指示您的Vaadin版本，但是如果您使用的是最新的专业版(23.x或更高版本)，则需要升级到Java 11或更高版本。