在 M1 上的 MacOS 12 Monterey 上的开发模式下 Vaadin / Webpack 出错答案

【问题标题】：Error with Vaadin / Webpack in Development mode on MacOS 12 Monterey on M1在 M1 上的 MacOS 12 Monterey 上的开发模式下 Vaadin / Webpack 出错
【发布时间】：2021-12-19 07:30:56
【问题描述】：

自从升级到 MacOS 12 / Monterey 后，当我尝试在开发模式下运行我的应用程序时遇到错误。

为了验证问题，我从 start.vaadin.com 创建了一个全新的 Starter App。我使用了 JDK 11 和 Vaadin 21，因为这是我的其他项目使用的。

我正在使用 IntelliJ Ultimate 进行开发

当我尝试从 IntelliJ 中启动我的项目时，正如我之前多次这样做的那样，项目启动，开始像往常一样编译前端，正在写入“前端编译成功”，然后失败并显示以下消息

2021-11-05 08:29:09.589 ERROR 11463 --- [        webpack] c.v.base.devserver.DevModeHandlerImpl    : Error when reading manifest.json from webpack-dev-server

java.net.ConnectException: Connection refused
    at java.base/sun.nio.ch.Net.pollConnect(Native Method) ~[na:na]
    at java.base/sun.nio.ch.Net.pollConnectNow(Net.java:669) ~[na:na]
    at java.base/sun.nio.ch.NioSocketImpl.timedFinishConnect(NioSocketImpl.java:542) ~[na:na]
    at java.base/sun.nio.ch.NioSocketImpl.connect(NioSocketImpl.java:597) ~[na:na]
    at java.base/java.net.Socket.connect(Socket.java:645) ~[na:na]
    at java.base/sun.net.NetworkClient.doConnect(NetworkClient.java:177) ~[na:na]
    at java.base/sun.net.www.http.HttpClient.openServer(HttpClient.java:497) ~[na:na]
    at java.base/sun.net.www.http.HttpClient.openServer(HttpClient.java:600) ~[na:na]
    at java.base/sun.net.www.http.HttpClient.<init>(HttpClient.java:246) ~[na:na]
    at java.base/sun.net.www.http.HttpClient.New(HttpClient.java:351) ~[na:na]
    at java.base/sun.net.www.http.HttpClient.New(HttpClient.java:372) ~[na:na]
    at java.base/sun.net.www.protocol.http.HttpURLConnection.getNewHttpClient(HttpURLConnection.java:1299) ~[na:na]
    at java.base/sun.net.www.protocol.http.HttpURLConnection.plainConnect0(HttpURLConnection.java:1232) ~[na:na]
    at java.base/sun.net.www.protocol.http.HttpURLConnection.plainConnect(HttpURLConnection.java:1120) ~[na:na]
    at java.base/sun.net.www.protocol.http.HttpURLConnection.connect(HttpURLConnection.java:1051) ~[na:na]
    at java.base/sun.net.www.protocol.http.HttpURLConnection.getInputStream0(HttpURLConnection.java:1653) ~[na:na]
    at java.base/sun.net.www.protocol.http.HttpURLConnection.getInputStream(HttpURLConnection.java:1577) ~[na:na]
    at java.base/java.net.HttpURLConnection.getResponseCode(HttpURLConnection.java:527) ~[na:na]
    at com.vaadin.base.devserver.DevModeHandlerImpl.readManifestPaths(DevModeHandlerImpl.java:556) ~[vaadin-dev-server-8.0.3.jar:na]
    at com.vaadin.base.devserver.DevModeHandlerImpl.processLine(DevModeHandlerImpl.java:492) ~[vaadin-dev-server-8.0.3.jar:na]
    at com.vaadin.base.devserver.DevModeHandlerImpl.readLinesLoop(DevModeHandlerImpl.java:457) ~[vaadin-dev-server-8.0.3.jar:na]
    at com.vaadin.base.devserver.DevModeHandlerImpl.lambda$logStream$2(DevModeHandlerImpl.java:428) ~[vaadin-dev-server-8.0.3.jar:na]
    at java.base/java.lang.Thread.run(Thread.java:831) ~[na:na]

我无法访问该网页。从命令行以生产模式启动时，一切正常。

谁能给我一些指示，这里出了什么问题？

【问题讨论】：

标签： macos vaadin webpack-dev-server vaadin21

【解决方案1】：

如果您使用的是 Node 17，那么您遇到了这个问题 https://github.com/vaadin/flow/issues/12246，解决方案是改用 Node 16

【讨论】：

为什么它可以在 Vaadin 22 的 Beta 版中运行？

【解决方案2】：

这里相同，但在 MacOS Catalina 上（不认为这取决于 MacOS 版本）。我在从 Eclipse 构建和运行 Vaadin 入门应用程序时发现了这个问题，但它不起作用。我不知道 Eclipse 选择了哪个节点版本。我通过nvm alias default 16 将 16 设置为默认值，但没有运气。如果使用命令行，使用像 nvm 这样的工具，我们可以细粒度地调整节点设置。这是我的结果：

Vaadin：21.0.3 节点：16.13.0 ✅
Vaadin：21.0.4 节点：16.13.10 ✅
Vaadin：21.0.4 节点：17.1.0 ❌

我的nvm ls 结果：

>nvm ls
->     v16.13.0
        v17.1.0
         system
default -> 16 (-> v16.13.0)
node -> stable (-> v17.1.0) (default)
stable -> 17.1 (-> v17.1.0) (default)
iojs -> N/A (default)
unstable -> N/A (default)
lts/* -> lts/gallium (-> v16.13.0)
lts/argon -> v4.9.1 (-> N/A)
lts/boron -> v6.17.1 (-> N/A)
lts/carbon -> v8.17.0 (-> N/A)
lts/dubnium -> v10.24.1 (-> N/A)
lts/erbium -> v12.22.7 (-> N/A)
lts/fermium -> v14.18.1 (-> N/A)
lts/gallium -> v16.13.0

【讨论】：