web-dev-qa-db-ja.com

Reactアプリが「開発サーバーの起動」で動かなくなった

Create-react-appで作成した反応アプリがあります。 npm startを実行した後（開始スクリプトはpackage.jsonに "start"： "react-scripts start"として存在する）、コンソールは通常どおり開発サーバーを起動し、ブラウザーを起動します。しかし、この後、コンソールとブラウザはどちらも無期限に何もしません。エラーまたは出力はありません。それは単に何もしません。

reactjsnpmcreate-react-appreact-scripts
14
kenneth-rebello

私にも似たようなことが起こっています。

TypeScriptに変換したい反応プロジェクトがあり、「create-react-app」で指摘したように開始し、すべてのファイルを追加して最高のものを望みましたが、「開発サーバーの起動」であなたのように行き詰まりました」メッセージ。

私はWindows 10で8GBのRAMを使用しており、デフォルトの「npm start」を初めて使用したときに、ノードプロセスが大量のメモリを使用することを確認したので、それを増やしてみましたが、同時に飽きました反応に使用するポートを変更します。

  1. これをpackage.jsonの開始スクリプトに追加しました：

    "scripts": { "start": "PORT=3001 react-scripts --max_old_space_size=8128 start", ... }

  2. すべてのchromeブラウザを閉じました（かなり多くのメモリを消費します）

  3. そしてそれを実行するために約1分を与えました

1分後に機能し始め、その時点からすぐに起動し、メモリをあまり使用せず、選択したポートに依存していません

私の場合-React TypeScriptプロジェクトで「npm start」を初めて実行すると、おそらくファイルにインデックスが付けられます（または同様のことを行います-わからないので、おそらく読む必要があります）それについて-私はTypeScriptが初めてです）、多くのメモリを必要とします。

あなたの場合-それは似たようなものかもしれません

それが役に立てば幸い ：）

0
Sharon Lifshits

最後にこれを解決しました。私にとって、問題は私のWebpack構成にありました。そこにwebpackエイリアスがあり、そのエイリアス名は私のnpmパッケージの名前と同じでした。

つまり、私のpackage.jsonは以下をトップにしました。

"name": "@mycompany/react-common-components"

私のwebpack.config.js持っていた

alias: {
        '@mycompany/react-common-components': path.resolve(__dirname, '../src/components')
      },

Webpackエイリアスを次のように変更したら、すべてがうまくいきました

alias: {
        'react-common-components': path.resolve(__dirname, '../src/components')
      },
0
Simon Long

Node and npmで問題が発生する可能性があります。最初にバージョンを確認することをお勧めします。Node> = 8.10 and npmが必要です。 > = 5.6をマシンにインストールし、必要に応じて更新します。ノードを再インストールすることをお勧めします。

ノードログをチェックインすると、問題の手掛かりが得られる可能性があります（ログの記録方法の詳細 ここ ）

0
Dan Ovidiu Boncut

イジェクトしていない場合は、次のことを試してください。新しいcreate-react-appプロジェクトを作成し、プロジェクトの依存関係をインストールして、srcファイルをコピーし、srcフォルダ。 create-react-appの既存のバージョンと新しいバージョンが異なる場合は、バージョン間の違いに対応できる方法でコードをコピーしてください。パブリックフォルダー、Service Workerファイル、package.jsonが調査対象になる場合があります。また、マシンを再起動していない場合は、それを実行すると、同様の問題が解決しました。

0
bsapaka

package.jsonの依存関係に以下が含まれていることを確認してください：

"react": "^16.12.0",
"react-dom": "^16.12.0",
"react-scripts": "3.3.0"

そしてスクリプトは：

"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
}

確認したら、次の手順に従います。

1. npm install
2. npm run build
3. npm start

希望はあなたのために働くでしょう。

0
Muhammad Zeeshan

同じ問題があり、私は最初にそれを構築しなければなりませんでした

npm build、次にnpm start

私はMacで反応を実行しており、機能する前に端末がchromeと対話するための許可を与える必要がありました。

0
Bluephlame

私も同じ問題を抱えていました。以前のバージョンのreact-scriptsをインストールしてみてください。

npm install [email protected]

お役に立てれば！

0
Tayyab Ferozi