ionic serve stuck on "Waiting for connectivity with react-scripts" with Node v18
まだ誰も着手していません。
評価
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 初心者へのやさしさ
- 35/100
- issue の種類
- バグ
- 明瞭さ
- おおむね明確
- 活発さ
- 停滞
- 技術スタック
- nodejs, react, typescript
調査の方向性
ionic start my-app blank --type=react を使って新しい Ionic React プロジェクトで問題を再現し、Node v18.12.1 で ionic serve を実行して、Node v16.18.1 の場合と比較します。まず ionic serve と react-scripts の相互作用から調査を始めます。接続性の待機が繰り返されなくなり、Node 18 でライブリロードが機能すれば完了です。
索引モデルが issue の本文から書いたものです。
説明
Description:
Node v18.12.1 is the current LTS version. Running ionic serve in an Ionic React project created by the Ionic CLI keeps logging
[INFO] Waiting for connectivity with react-scripts...
and as a result live reload doesn't work.
The exact same project runs fine with Node v16.18.1.
Steps to Reproduce:
Simply create a new Ionic React project and start it
ionic start my-app blank --type=react
cd my-app
ionic serve
Output:
% ionic serve
> react-scripts start
[react-scripts] (node:15924) [DEP_WEBPACK_DEV_SERVER_ON_AFTER_SETUP_MIDDLEWARE] DeprecationWarning: 'onAfterSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.
[react-scripts] (Use `node --trace-deprecation ...` to show where the warning was created)
[react-scripts] (node:15924) [DEP_WEBPACK_DEV_SERVER_ON_BEFORE_SETUP_MIDDLEWARE] DeprecationWarning: 'onBeforeSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.
[react-scripts] Starting the development server...
[react-scripts]
[react-scripts] You can now view my-app in the browser.
[react-scripts] Local: http://localhost:8100
[react-scripts] On Your Network: http://192.168.1.120:8100
[react-scripts] Note that the development build is not optimized.
[react-scripts] To create a production build, use npm run build.
[react-scripts] webpack compiled successfully
[react-scripts] Files successfully emitted, waiting for typecheck results...
[react-scripts] Issues checking in progress...
[react-scripts] No issues found.
[INFO] Waiting for connectivity with react-scripts...
[INFO] Waiting for connectivity with react-scripts...
(repeats last message forever)
My ionic info:
Ionic:
Ionic CLI : 6.20.4 (/Users/mirko/.nvm/versions/node/v18.12.1/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/react 6.4.0
Capacitor:
Capacitor CLI : 4.6.1
@capacitor/android : not installed
@capacitor/core : 4.6.1
@capacitor/ios : not installed
Utility:
cordova-res : not installed globally
native-run : 1.7.1
System:
NodeJS : v18.12.1 (/Users/mirko/.nvm/versions/node/v18.12.1/bin/node)
npm : 8.19.2
OS : macOS
Other Information:
In the Ionic Forum: [INFO] Waiting for connectivity with react-scripts
- 主要言語
- TypeScript
- スター
- 2k
- フォーク
- 681
- PR マージ指標
- 30日以内にマージされた PR はありません
環境構築
- Dockerfile または Docker Compose ファイルあり
- プルリクエストのテンプレートなし
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
ionic-team/ionic-cli のほかの issue
-
triage
難易度 1/5 1時間未満 初心者へのやさしさ 65/100
ionic-team/ionic-cli#5016 ·
-
triage
難易度 5/5 1週間以上 初心者へのやさしさ 15/100
ionic-team/ionic-cli#5131 ·
-
triage
難易度 3/5 1〜2日 初心者へのやさしさ 56/100
ionic-team/ionic-cli#5130 ·
-
triage
難易度 3/5 1〜2日 初心者へのやさしさ 72/100
ionic-team/ionic-cli#5129 ·
-
triage
難易度 3/5 1〜2日 初心者へのやさしさ 42/100
ionic-team/ionic-cli#5127 · コメント 2 件 ·
ionic-team/ionic-cli の issue をすべて見る
似ている issue
-
area/frontend good first issue kind/cooldown
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
メンテナーはふだん 1 日以内に返信
-
bug
難易度 2/5 1〜3時間 初心者へのやさしさ 85/100
voidzero-dev/oxc-angular-compiler#511 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
langchain-ai/deepagentsjs#898 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信
-
難易度 1/5 1時間未満 初心者へのやさしさ 92/100
anomalyco/models.dev#8509 · コメント 2 件 ·
メンテナーはふだん 1 日以内に返信
-
bug documentation P2 UI/UX
難易度 2/5 1〜3時間 初心者へのやさしさ 85/100
メンテナーはふだん 1 日以内に返信