「npm install -g create-react-app」を使用してノードとグローバルの create-react-app をインストールした後、「npx（または両方試した npm）create-react-app appname」を使用して最初のアプリの作成を開始します。 「appname」ディレクトリで「npm start」を開始するまでは正常に作成されましたが、次のエラーが発生しました。
E:\Sang\React\myapp>npm start
[email protected] E:\Sang\React\myapp を開始します
反応スクリプト開始
「react-scripts-start」は内部コマンドまたは外部コマンドとして認識されません。
動作可能なプログラムまたはバッチファイル。
npmエラー!コードELIFECYCLE
npmエラー!エラー番号 1
npmエラー! [email protected] 開始: 反応スクリプト開始
npmエラー!終了ステータス 1
npmエラー!
npmエラー! [email protected] 起動スクリプトで失敗しました。
npmエラー!これはおそらく npm の問題ではありません。そこでe は、おそらく上記の追加のログ出力です。
npm エラー!この実行の完全なログは、次の場所にあります。
npmエラー! C:\Users\Sang Tonsing\AppData\Roaming\npm-cache_logs\2020-09-03T12_06_34_133Z-debug.log
これは package.json 内のスクリプト コードです
{
"name": "myfirstreact",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.5.0",
"@testing-library/user-event": "^7.2.1",
"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-scripts": "3.4.3"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}
問題の解決を手伝ってください。react を使用して独自の Web サイトを構築する予定です。本当にありがとうございました
テキストの画像ではなく、テキストを投稿してください。
– デイブ・ニュートン
2020 年 9 月 3 日 12:17
@DaveNewton、テキストも更新しました。確認してください。
– サン・トンシン
2020 年 9 月 3 日 12:22
------------------------
"scripts":{
"start":"react-scripts-start",
"build":"react-scripts-build",
"test":"react-scripts-test",
"eject":"react-scripts-eject",
}
package.json ファイルに移動してスクリプトの内部を調べる必要があります。
開始スクリプトが表示されるはずです。まだ追加していない場合は、追加してください。
2
このコード行は、最後の '-' を除いて実際には存在します。コードの各行に欠落していたので、'-' を追加しました。すべての行でエラーはまだありますが、エラーは少なくなっているため、コードは役に立ちますが、さらに問題がいくつかあります。エラーは -- npm ERR です。コード ELIFECYCLE、npm ERR!エラー番号 1 など。 「これはおそらく npm の問題ではありません。」というエラーもあります。上記に追加のログ出力がある可能性があります。」問題の解決に役立つことを願っています
– サン・トンシン
2020 年 9 月 3 日 12:04
エラーのスクリーンショットを更新しましたので、ご確認ください。
– サン・トンシン
2020 年 9 月 3 日 12:12
------------------------
package.json ファイルで、開始スクリプトを次のように変更します。
"scripts": {
"start": "react-scripts start -o",
"build": "react-scripts build",
.
.
.
「start」だと思います: "react-scripts-start"それがあなたにとって問題の原因となっています。
2
わかりました。 package.json の script セクションを質問に追加していただけますか?
– DevLoverUmar
2020 年 9 月 3 日 12:59
このスレッド stackoverflow.com/q/40546231/7344164 をご覧ください。
– DevLoverUmar
2020 年 9 月 3 日 13:24
------------------------
react-scripts モジュールが不足している可能性があります。
プロジェクトと package.jso で npm install reverse-scripts --save を実行します。n は初期状態のままである必要があります:
"scripts":{
"start":"react-scripts start",
"build":"react-scripts build",
"test":"react-scripts test",
"eject":"react-scripts eject",
}
1
そのスクリプトはすでに持っていますが、試してみましたが、まだ解決策がありません。
– サン・トンシン
2020 年 9 月 3 日 13:36
------------------------
nvm install 10.23.0
npm start
npm run build
2021 年 2 月 4 日 12:06 に回答
アリ・ラフ
アリ・ラフ
1
1
5
こんにちは、ご回答ありがとうございます。これらのコマンドが OP の問題を解決する理由を説明していただけますか?
– バーショップ
2021 年 2 月 4 日 13:00
------------------------
兄さん、npm バージョンまたは nodejs バージョンが古いと思います
Nodejs >= 14.0.0 が必要です。マシン上の d npm >= 5.6。または、Windows 8.1、10 を使用します。 Windows 7 ではありません
------------------------
ノードモジュールの削除
npm installを実行する
その後、npm startを実行します
上記の方法が機能しない場合
ノードモジュールの削除
package-lock.jsonを削除する
npm installを実行する
そしてnpmを起動します
上記の解決策で問題が解決しない場合は、次の方法を試してください。
別のポートで開始する場合、または PORT コマンドが見つからないエラーが発生する場合は、次の手順を実行します。
package.json ファイルを開く
スクリプト内で、開始コマンドを以下の「start」に置き換えます。「set PORT=3006 &&」反応-scripts の開始」
1
文法と書式を改善する必要があります。コマンドにバッククォートを付けることもできます。
– イコヌク
2022 年 7 月 5 日 9:57
