React Webpackの追加中のプロジェクト依存関係エラー
以下のコマンドでwebpackをインストールしました
yarn add webpack --dev
そして、私が私の反応アプリフォルダ内でヤーンスタートコマンドを実行した後
D:\Workspace\fuel-man-ui\fuel-man-ui>yarn start
エラーが発生しています。
糸の実行v1.19.0 $反応スクリプトの開始
プロジェクトの依存関係ツリーに問題がある可能性があります。 Create React Appのバグではない可能性がありますが、ローカルで修正する必要があります。
Create React Appが提供するreact-scriptsパッケージには依存関係が必要です：
"ウェブパック"： "4.29.6"
手動でインストールしないでください。パッケージマネージャーが自動的にインストールします。ただし、ツリーの上位に別のバージョンのwebpackが検出されました。
D：\ Workspace\fuel-man-ui\fuel-man-ui\node_modules\webpack（バージョン：4.41.0）
互換性のないバージョンを手動でインストールすると、デバッグが困難な問題が発生することがわかっています。
このチェックを無視したい場合は、プロジェクトの.envファイルにSKIP_PREFLIGHT_CHECK = trueを追加してください。このメッセージは永久に無効になりますが、他の問題が発生する可能性があります。
依存関係ツリーを修正するには、正確な順序で以下の手順に従ってください。
- プロジェクトフォルダー内のpackage-lock.json（package.json！ではない）および/またはyarn.lockを削除します。
- プロジェクトフォルダ内のnode_modulesを削除します。
- プロジェクトフォルダーのpackage.jsonファイルで、依存関係やdevDependenciesから「webpack」を削除します。
- 使用するパッケージマネージャーに応じて、npm installまたはyarnを実行します。
ほとんどの場合、これで問題を解決できます。これで効果がない場合は、他にもいくつか試してみてください。
Npmを使用した場合は、yarn（ http://yarnpkg.com/ ）をインストールし、代わりに上記の手順を繰り返します。 npmにはパッケージの巻き上げに関する既知の問題があり、将来のバージョンで解決される可能性があるため、これが役立つ場合があります。
D：\ Workspace\fuel-man-ui\fuel-man-ui\node_modules\webpackがプロジェクトディレクトリの外にあるかどうかを確認します。たとえば、ホームフォルダに誤って何かをインストールした可能性があります。
プロジェクトフォルダーでnpm ls webpackを実行してみてください。これにより、他のどのパッケージ（予想されるreact-scriptsを除く）がwebpackをインストールしたかがわかります。
それでも解決しない場合は、プロジェクトの.envファイルにSKIP_PREFLIGHT_CHECK = trueを追加します。とにかく続行したい場合に備えて、このプリフライトチェックを永久に無効にします。
追伸このメッセージが長いことは承知しておりますが、上記の手順をお読みください:-)お役に立てば幸いです。
エラーコマンドは終了コード1で失敗しました。infoこのコマンドに関するドキュメントについては、 https://yarnpkg.com/en/docs/cli/run にアクセスしてください。
i have deleted node_modules from my project and devdependencies, also i have removed global node_modules and cache. still getting same error.
私は走ったnpm ls webpackとツリーの下に
[email protected] D:\Workspace\fuel-man-ui\fuel-man-ui
+-- [email protected]
| `-- [email protected]
| `-- [email protected] extraneous
`-- [email protected]
npm ERR! extraneous: [email protected] D:\Workspace\fuel-man-ui\fuel-man-ui\node_modules\react-scripts\node_modules\webpack\node_modules\webpack
SKIP_PREFLIGHT_CHECK=trueが追加されたファイル.env
昨日も同じ問題がありました。私の場合、私はnodeを2つインストールしました（1つはbrewを使用し、1つはダウンロードしたdmgファイルを使用しています）。 brew経由でインストールしたものを削除したときに役立ちました。