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

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

この牽引ポイントを確認してください

1. サーバーを起動する前にnpm installコマンドを実行します。

その後、それも実行されていません、2番目のコマンドを試してください

2. ノードモジュールを削除し、もう一度npm installを実行します。

これらの2つの点が機能しなかった場合は、さらに分析するためにスクリーンショットを提供してください。

最後にこれを解決しました。私にとって、問題は私の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')
      },

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

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は初めてです）多くのメモリを必要とします。

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

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

の依存関係に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

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

Nodeとnpmに問題があると思います。最初にバージョンを確認することをお勧めします。マシンにNode> = 8.10およびnpm> = 5.6が必要であり、必要に応じて更新する必要があります。ノードを再インストールしてみる価値はあります。

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

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

npm install react-scripts@2.1.8

お役に立てれば！

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

npm build その後 npm start

私はMacでリアクションを実行しており、ターミナルが機能する前にChromeと対話する許可を与えなければなりませんでした。

私にとっての問題は、.cssファイルがあったことです。

私はcssファイルの名前をに変更しましたが、.scss機能します。

何らかの理由で、CSSファイルでcreate-react-appが動作しなくなりました。

変だ。