import MenuIcon from 'material-ui-icons/Menu';
الأسباب
الوحدة غير موجودة: لا يمكن حل "material-ui-icons / Menu"
تم استخدام كود دقيق من المثال: https://github.com/mui-org/material-ui/blob/v1-beta/docs/src/pages/demos/app-bar/ButtonAppBar.js
هذا ليس جزءًا من حزمة واجهة المستخدم المادية الأساسية: npm install --save material-ui-icons
لأي شخص آخر يواجه هذه المشكلة: npm install @material-ui/icons
من المحتمل أن نضيف تحذيرًا بالإيقاف إلى material-ui-icons
في مرحلة ما. في الوقت الحالي ، هما متطابقتان وظيفيًا ، ولكن إذا أصدرت Google رموزًا جديدة في أي وقت ، فسيتم تحديث @material-ui/icons
.
يجب عليك تحديث @ material-ui.
لذا يرجى الكتابة في المحطة الخاصة بك
npm install @material-ui/core
npm install @material-ui/icons
وأعد تشغيل "npm start"
هل هناك نفس الحزمة للغزل؟
يجب أن تكون كل حزمة لـ npm متاحة للغزل (ما لم تستخدم سجلات مختلفة ولكني أظن أن هذا لا ينطبق عليك).
في الواقع @ eps1lon ... لدي مشكلة أثناء التثبيت .. وهذا هو سبب عدم وجود حزمة تحمل نفس الاسم. شكرا.
لدي أي فكرة عن هذا الخطأ
لم يتم العثور على الوحدة النمطية: لا يمكن حل "@ material-ui / core / Grid" في "E: \ Material Ui \ firstapp \ src"
:(
atuljustano يرجى فتح إصدار منفصل وملء النموذج.
atuljustano من فضلك لا. نحن نصدر GitHub حصريًا لتتبع الأخطاء وطلبات الميزات. الرجاء استخدام StackOverflow أو range.chat بدلاً من ذلك. توجد علامة StackOverflow تسمى "material-ui" والتي يمكنك استخدامها لوضع علامة على أسئلتك. شكرا!
مرحبًا ، أحصل على ....node_modules/@material-ui/icons"' has no exported member 'MenuIcon'.
بالرغم من تثبيت @material-ui/icons
لدي نفس المشكلة فقط قم بالتثبيت
للرموز
npm install @ material-ui / icons
ولغيرها من المواد
npm install @ material-ui / core
واستيراد مثل هذا
استيراد AppBar من "@ material-ui / core / AppBar" ؛
استيراد SearchIcon من "@ material-ui / icons / Search" ؛
سيكون من الجيد تحديث المستندات الرسمية لجعل هذا أكثر وضوحًا.
catonmat تذكر الجملة الأولى في صفحة أيقونات المواد اسم الحزمة. يتم تناوله أيضًا في مستندات التثبيت . يعرض كل مثال يستخدم الرموز الاستيراد ، وهناك استيراد قابل للنسخ في كل معاينة رمز:
ما الذي يقترح أنه يمكننا القيام به لتوضيح الأمر؟
عملت معي ، شكرا
هل هناك نفس الحزمة للغزل؟
يستخدم الغزل نفس مصدر NPM. لذلك ، لا يوجد فرق في حزم NPM / الغزل.
كنت أواجه مشكلة ، حاولت استيراد الرمز تلقائيًا في vscode ، لكنه لم يكن يعمل. تبين ، اضطررت إلى استيراده بطريقة منفصلة مثل: import DeleteIcon from '@material-ui/icons/Delete';
لذلك ، كما ترى ، DeleteIcon
و Delete
اسمان مختلفان هنا.
adisher يمكنك استيراده كـ Delete
إذا كنت تفضل ذلك ، ولكن الاستيراد كـ DeleteIcon
يكون أكثر وضوحًا عند استخدام المكون لاحقًا.
يتغير
استيراد MenuIcon من "@ material-ui / icons / Menu" ؛
ل:
استيراد القائمة من "@ material-ui / icons / Menu" ؛
كنت أواجه هذه المشكلة لأنني كنت أستورد بشكل غير صحيح. كنت أحاول استخدام
import { MenuIcon } from '@material-ui/icons/Menu'
لكنني كنت بحاجة لتغييره إلى
import MenuIcon from '@material-ui/icons/Menu'
لأي شخص آخر يواجه هذه المشكلة:
npm install @material-ui/icons
يفعل. لا. يساعد.
باستخدام كود VS
لدي كل من الأيقونات و Core مثبتة.
يقوم SearchIcon بإرجاع خطأ مشابه:
** فشل التحويل البرمجي
الوحدة غير موجودة: "@ material-ui / icons / Search" في [Project Filepath]
@ ./src/Header.js 14: 14-50 **
هذه هي تعليمات الاستيراد:
استيراد SearchIcon من "@ material-ui / icons / Search" ؛
لغة البرمجة:
التبعيات:
"@ 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
وأعد تشغيل "npm start"
إنها تعمل!
يجب عليك تحديث @ material-ui.
لذا يرجى الكتابة في المحطة الخاصة بكnpm install @material-ui/core npm install @material-ui/icons
وأعد تشغيل "npm start"
إنها تعمل!
نعم ، وجدت هذه الحزمة ، المقترحة في موضوع آخر ، غير صحيحة لغرضي:
"material-ui-icons": "^ 1.0.0-beta.36"،
لقد أعدت التثبيت باستخدام نهجك ووجدت أن هذا حل المشكلة. شكرا أربان!
التعليق الأكثر فائدة
لأي شخص آخر يواجه هذه المشكلة:
npm install @material-ui/icons
https://www.npmjs.com/package/@material-ui/icons