Material-ui: 未找到模块:无法解析 'material-ui-icons/Menu' Martial Next

创建于 2018-03-08  ·  24评论  ·  资料来源: mui-org/material-ui

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

原因

找不到模块:无法解析“material-ui-icons/Menu”

使用示例中的确切代码: https :

最有用的评论

对于遇到此问题的其他任何人: 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

并重新启动'npm start'

纱线是否有相同的包装?

npm 的每个包都应该对 yarn 可用(除非您使用不同的注册表,但我怀疑这不适用于您)。

确实@eps1lon ...我在安装时遇到了问题..这就是为什么我虽然没有同名签名的包的原因。 谢谢。

对此错误有任何想法
未找到模块:无法解析“E:\Material Ui\firstapp\src”中的“@material-ui/core/Grid”
:(

@atuljustano请打开一个单独的问题并填写模板。

@atuljustano请不要。 我们 GitHub 专门用于跟踪错误和功能请求。 请改用 StackOverflow 或 spec.chat。 有一个名为“material-ui”的 StackOverflow 标签,您可以使用它来标记您的问题。 谢谢!

嗨,我得到....node_modules/@material-ui/icons"' has no exported member 'MenuIcon'.
尽管安装了@material-ui/icons

我有同样的问题刚安装
对于图标
npm install @material-ui/icons

和其他材料
npm install @material-ui/core

并像这样导入
从“@material-ui/core/AppBar”导入 AppBar;
从“@material-ui/icons/Search”导入 SearchIcon;

很高兴更新官方文档以使其更清晰。

@catonmat Material Icons页面的第一句话提到了包名。 它也包含在安装文档中。 每个使用图标的示例都显示了导入,并且每个图标预览上都有一个可复制的导入:

image

有什么建议我们可以做的更清楚?

它对我有用,谢谢

纱线是否有相同的包装?

Yarn 使用与 NPM 相同的来源。 所以,NPM/Yarn 包没有区别。

我遇到了一个问题,尝试在 vscode 中自动导入图标,但它不起作用。 结果,我不得不以单独的方式导入它,例如: import DeleteIcon from '@material-ui/icons/Delete';

所以,你看, DeleteIconDelete在这里是两个不同的名字。

@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

做。 不是。 帮助。

使用 VS 代码
我同时安装了图标和核心。
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

并重新启动'npm start'

有用!

你应该更新@material-ui。
所以请在你的终端上写

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

并重新启动'npm start'

有用!

是的,我发现另一个线程中建议的这个包不符合我的目的:

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

我用你的方法重新安装,发现问题解决了。 谢谢阿潘!

此页面是否有帮助?
0 / 5 - 0 等级

相关问题

illogikal picture illogikal  ·  75评论

chadobado picture chadobado  ·  119评论

gndplayground picture gndplayground  ·  54评论

amcasey picture amcasey  ·  70评论

HZooly picture HZooly  ·  63评论