等待與 ionic serve 上的 react-scripts 連接

Question

我有一個 Ionic 項目，它在我的 windows 機器和朋友的 mac 上運行良好，但我在 linux 上遇到了問題。

問題出現在ionic serve上，它無限Waiting for connectivity with react-scripts... ，並且在運行時繼續出現。 開發服務器似乎工作正常。

希望，我們會找到解決方案。

命令行 output：

npm run start

> [project name]@0.0.1 start
> ionic serve

> react-scripts start
[react-scripts] ℹ ｢wds｣: Project is running at http://192.168.1.66/
[react-scripts] ℹ ｢wds｣: webpack output is served from 
[react-scripts] ℹ ｢wds｣: Content not from webpack is served from /[project path]/app/public
[react-scripts] ℹ ｢wds｣: 404s will fallback to /
[react-scripts] Starting the development server...
[react-scripts] 
[react-scripts] You can now view better-call in the browser.
[react-scripts]   Local:            http://localhost:8100
[react-scripts]   On Your Network:  http://192.168.1.66:8100
[react-scripts] Note that the development build is not optimized.
[react-scripts] To create a production build, use npm run build.
[INFO] Waiting for connectivity with react-scripts...
[INFO] Waiting for connectivity with react-scripts...
[INFO] Waiting for connectivity with react-scripts...
[INFO] Waiting for connectivity with react-scripts...
[INFO] Waiting for connectivity with react-scripts...
[INFO] Waiting for connectivity with react-scripts...
[INFO] Waiting for connectivity with react-scripts...
[INFO] Waiting for connectivity with react-scripts...
[INFO] Waiting for connectivity with react-scripts...

Answer 1

我有同樣的問題，因為我使用了節點 18，使用 16 會更好。 你可以用這個解決它：

1. 在中安裝 npm。

2. 安裝舊版本的節點，16 對我來說很好，然后使用這個命令安裝它 -> n 16。

3. 更改您想要的節點版本，只需將 n 放入您的終端，然后 select 16 節點版本，並再次使用 ionic serve

我希望這對你有用。

最好的