ブラウザでエラーが発生する
見つからないモジュールのコンパイルに失敗しました: '@ material-ui/core/Container'を解決できません
Node_modulesではなく、コンポーネントディレクトリ内のコンポーネントを探しています。ディレクトリをnode_modules ../../
に変更できません。node_modulesはsrc
ディレクトリの外にあり、Create React Appでは許可されません。
私は糸と$ yarn add @material-ui/core
を使用して削除しています。私はエラーを発生させるヤーンランビルドを試しました
モジュールが見つかりません: '@ material-ui/core/Container'。このパッケージがインストールされていることを確認してください。このパッケージは、次のコマンドを実行してインストールできます。yarnadd @ material-ui/core/Container。
追加しようとすると、エラーが発生します
エラー「npm」レジストリでパッケージ「@ material-ui/core/Container」が見つかりませんでした。
ここに私が関連している依存関係があります:
"@material-ui/core": "^3.9.3",
"@material-ui/icons": "^3.0.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
ページのコンテンツが画面の幅いっぱいに表示されないことを期待していますが、代わりにコンパイルエラーを受け取ります。
Container
は、material-ui
で指定されているpackage.json
バージョンの一部ではありません。
アップグレードするには、以下を実行します。
$ yarn add @material-ui/core@next
古い安定版を削除する必要があるかもしれません(それがあなたにとってもオプションである場合)。
Reactとreact-dom> = 16.8.0はピアの依存関係として必要なすべてなので、material-ui
の実験的なアップグレードはContainer
を使用するために必要なすべてです。
npx create-react-app new-app
をcd new-app
およびyarn add @material-ui/core
でフォローすると、yarn start
でコンパイルされます。やり直してみてください。
ただし、トラブルシューティングを支援するために、このエラーは通常、Material-UIコンポーネントを使用しようとしてインポートを忘れたときに発生します。すべてのコードをコメント化して、コンパイルされるかどうかを確認しましたか?