Material-ui: モジュールが見つかりません: 'material-ui-icons / Menu'を解決できませんMartialNext

作成日 2018年03月08日  ·  24コメント  ·  ソース: mui-org/material-ui

import MenuIcon from 'material-ui-icons/Menu';

原因

モジュールが見つかりません:「material-ui-icons / Menu」を解決できません

例の正確なコードを使用: https

v0.x

最も参考になるコメント

この問題が発生している他の人の場合: npm install @material-ui/icons

https://www.npmjs.com/package/@material-ui/icons

全てのコメント24件

ああ、これはコアマテリアルの一部ではありません-uiパッケージ: npm install --save material-ui-icons

この問題が発生している他の人の場合: npm install @material-ui/icons

https://www.npmjs.com/package/@material-ui/icons

おそらく、ある時点でmaterial-ui-icons非推奨の警告を追加するでしょう。 今のところ機能的には同じですが、Googleが新しいアイコンをリリースした場合、更新されるのは@material-ui/iconsのみです。

@ material-uiを更新する必要があります。
だからあなたの端末に書いてください

npm install @material-ui/core
npm install @material-ui/icons

そして、「npmstart」を再起動します

糸に同じパッケージはありますか?

npmのすべてのパッケージは、yarnで利用できる必要があります(異なるレジストリを使用している場合を除きますが、それは当てはまらないと思います)。

確かに@ eps1lon ...インストール中に問題が発生しました。同じ名前の署名のパッケージがないのにそれが理由です。 ありがとう。

このエラーについて何か考えがあります
モジュールが見つかりません:「E:\ MaterialUi \ firstapp \ src」の「@ material-ui / core / Grid」を解決できません
:(

@atuljustano別の号を開いて、テンプレートに記入してください。

@atuljustanoしないでください。 GitHubは、バグと機能のリクエストを追跡するためだけに発行します。 代わりにStackOverflowまたはspectrum.chatを使用してください。 質問にタグを付けるために使用できる「material-ui」と呼ばれるStackOverflowタグがあります。 ありがとう!

こんにちは、 ....node_modules/@material-ui/icons"' has no exported member 'MenuIcon'.を受け取ります
@material-ui/iconsインストールしたにもかかわらず

インストールするだけで同じ問題が発生します
アイコン用
npm install @ material-ui / icons

およびその他の資料
npmインストール@ material-ui / core

このようにインポートします
'@ Material-ui / core / AppBar'からAppBarをインポートします。
SearchIconを「@ material-ui / icons / Search」からインポートします。

これを少し明確にするために、公式ドキュメントを更新するとよいでしょう。

@catonmat [マテリアルアイコン]ページの最初の文には、パッケージ名が記載されています。 インストールドキュメントでも説明されています。 アイコンを使用するすべての例はインポートを示しており、各アイコンプレビューにコピー可能なインポートがあります。

image

それをより明確にするために私たちができることを示唆するものは何ですか?

それは私のために働いた、ありがとう

糸に同じパッケージはありますか?

YarnはNPMと同じソースを使用します。 したがって、NPM / Yarnパッケージに違いはありません。

問題が発生し、vscodeにアイコンを自動的にインポートしようとしましたが、機能しませんでした。 結局、次のような別の方法でインポートする必要がありました: import DeleteIcon from '@material-ui/icons/Delete';

つまり、ここではDeleteIconDeleteは2つの異なる名前です。

@adisher必要に応じて、 Deleteとしてインポートできますが、後でコンポーネントを使用する場合は、 DeleteIconとしてインポートする方が明確です。

変化する
'@ Material-ui / icons / Menu'からMenuIconをインポートします。

に:
'@ material-ui / icons / Menu'からメニューをインポートします。

インポートが正しくなかったため、この問題が発生していました。 使おうとしていた

import { MenuIcon } from '@material-ui/icons/Menu'

しかし、私はそれをに変更する必要がありました

import MenuIcon from '@material-ui/icons/Menu'

この問題が発生している他の人の場合: npm install @material-ui/icons

https://www.npmjs.com/package/@material-ui/icons

します。 いいえ。 ヘルプ。

VSCodeの使用
アイコンとコアの両方をインストールしています。
SearchIconは同様のエラーを返します:

**コンパイルに失敗しました
モジュールが見つかりません:[プロジェクトファイルパス]の「@ material-ui / icons / Search」

@ ./src/Header.js 14:14-50 **

これはインポート命令です:
「@ material-ui / icons / Search」からSearchIconをインポートします。

HTML:

依存関係:

"@ Material-ui / core": "^ 4.11.0"、
"material-ui-icons": "^ 1.0.0-beta.36"、

@ material-uiを更新する必要があります。
だからあなたの端末に書いてください

npm install @material-ui/core
npm install @material-ui/icons

そして、「npmstart」を再起動します

できます!

@ material-uiを更新する必要があります。
だからあなたの端末に書いてください

npm install @material-ui/core
npm install @material-ui/icons

そして、「npmstart」を再起動します

できます!

はい、別のスレッドで提案されているこのパッケージが私の目的には正しくないことがわかりました。

"material-ui-icons": "^ 1.0.0-beta.36"、

私はあなたのアプローチを使用して再インストールし、それが問題を解決したことを発見しました。 Arpanに感謝します!

このページは役に立ちましたか?
0 / 5 - 0 評価