私は反応してtodoアプリを作成しようとしていましたが、これは私にとって新しいことです。ただし、webpackをインストールした後、npm startが機能しません。それは私に与えます:
[email protected] start/home/hanna/Desktop/projects/my-todo-react react-scripts start
プロジェクトの依存関係ツリーに問題がある可能性があります。 Create React Appのバグではない可能性がありますが、ローカルで修正する必要があるものです。
Create React Appが提供するreact-scriptsパッケージには依存関係が必要です。
「webpack」:「4.19.1」
手動でインストールしないでください。パッケージマネージャーが自動的にインストールします。ただし、ツリーの上位で別のバージョンのwebpackが検出されました。
/ home/hanna/node_modules/webpack(バージョン:4.20.2)
互換性のないバージョンを手動でインストールすると、デバッグが困難な問題が発生することがわかっています。
このチェックを無視する場合は、SKIP_PREFLIGHT_CHECK = trueをプロジェクトの.envファイルに追加します。これによりこのメッセージは永久に無効になりますが、他の問題が発生する可能性があります。
依存関係ツリーを修正するには、次の手順を正確な順序で実行してください。
ほとんどの場合、これで問題を修正できます。これが役に立たない場合、他に試すことができるいくつかのことがあります:
Npmを使用した場合は、yarn( http://yarnpkg.com/ )をインストールし、代わりに上記の手順を繰り返します。 npmにはパッケージの巻き上げに関する既知の問題があり、将来のバージョンで解決される可能性があるため、これが役立つ場合があります。
/ home/hanna/node_modules/webpackがプロジェクトディレクトリ外にあるかどうかを確認します。たとえば、誤ってホームフォルダーに何かをインストールした可能性があります。
プロジェクトフォルダーでnpm ls webpackを実行してみてください。これにより、webpackがインストールされた他のパッケージ(予想される反応スクリプトを除く)がわかります。
他に何も役に立たない場合は、SKIP_PREFLIGHT_CHECK = trueをプロジェクトの.envファイルに追加します。とにかく続行する場合は、このプリフライトチェックを永久に無効にします。
追伸このメッセージは長いですが、上記の手順をお読みください:-)
npm ERR!コードELIFECYCLE npm ERR! errno 1 npm ERR! [email protected] start:react-scripts start
npm ERR!終了ステータス1 npm ERR! npm ERR! [email protected]起動スクリプトで失敗しました。 npm ERR!これはおそらくnpmの問題ではありません。上記の追加のロギング出力が存在する可能性があります。
npm ERR!この実行の完全なログは、npm ERR!にあります。 /home/hanna/.npm/_logs/2018-10-02T10_39_06_361Z-debug.log
この問題を解決するには、node-modulesフォルダーからwebpackとwebpack-dev-serverをアンインストールしてから、それらを異なるバージョンで再度インストールする必要がありました。
Node-modulesフォルダーでcmdを開きますプロジェクトフォルダーの外
Webpackおよびwebpack-dev-serverをアンインストールします。
npm uninstall webpack
npm uninstall webpack-dev-server
node-modulesフォルダーとpackage-lock.jsonファイルをプロジェクトのフォルダーから削除します。
ノードモジュールを再度開きます
npm install [email protected]
npm install [email protected]
プロジェクトフォルダーでこのコマンドを使用します
npm install
それは私のためにトリックをしました、それがあなたにも役立つことを願っています。
プロジェクトのルートディレクトリに.env
ファイルを作成し、ファイル内にこの行SKIP_PREFLIGHT_CHECK=true
を追加します。
その後、yarn start
を実行してみてください。
今日も同様の問題がありました。次の手順で解決しました。
npm ls webpack
->を実行して、フォルダの外にWebpackをインストールしたことを確認します( "yours .../home/hanna/node_modules/webpack"のように)。cd
をその場所(/ home/hanna/node_modules /)に入れ、npm install [email protected]
を実行します。そうすれば、プロジェクトフォルダーと同じバージョンのWebpackを使用できます。その後、npm start
を実行すると正常に動作します。
プロジェクトがCreate React Appを使用しているように見えるため、Webpackはおそらく既にpackage.json
の依存関係です。したがって、インストールする簡単な方法は、プロジェクトディレクトリに移動し、ターミナルでnpm install
(またはyarn install
)と入力するだけです。
Webpack CLIを使用するとエラーが発生する場合は、おそらくグローバルに異なるバージョンがインストールされているためです。
グローバルにアンインストールするには、npm -g uninstall webpack
と入力します。
私が持っていた解決策の1つは、「ホーム」フォルダーに移動し、node_modulesフォルダーとpackage-lock.jsonファイルを削除することでした。
その後働いた。
新しいバージョンのため、これは私のために働いた:
プロジェクトフォルダーの外のnode_modules
フォルダーでターミナルウィンドウ(コマンドプロンプト)を開きます。
webpack
およびwebpack-dev-server
をアンインストールします。
npm uninstall webpack
npm uninstall webpack-dev-server
node_modules
フォルダーとプロジェクトのフォルダーからpackage-lock.json
ファイルを削除します。
node_modules
をもう一度開きます
npm install [email protected]
npm install [email protected]
プロジェクトフォルダーで次のコマンドを使用します。
npm install
問題は、webpackバージョン4.20.2をインストールしたことです
以前のバージョンの「webpack」をインストールする必要があります:「4.19.1」 `
問題は、webpackバージョン4.20.2をインストールしたことです
以前のバージョンの「webpack」をインストールする必要があります:「4.19.1」 `..So
$npm uninstall -g webpack
そして
$npm install -g [email protected]
役立つことを願っています
Webpackパッケージをグローバルにインストールしていると、このようなエラーが発生する可能性があります。グローバルに削除すると、問題が解決する場合があります。それが私がここでやったことであり、うまくいきます。
ノードモジュールフォルダ全体をアンインストールする方法が見つかりませんでした。唯一の方法は、コマンドラインを使用してファイル全体を削除することです
rm -rf node_modules
私は同じ問題に遭遇しました:
Node-modulesフォルダーとpackage-lock.jsonファイルを削除しますダウンロードしてインストールしたnode.js npm install [email protected] npm install [email protected]
Package.jsonからbabel-eslintエントリを削除します
プロジェクトフォルダーnpm installでこのコマンドを使用します
次に、ヤーンスタートまたはnpmスタート
これは私の問題を修正しました