无法解析模块 - Material-UI

Posted 2023-04-14

【中文标题】无法解析模块 - Material-UI

【英文标题】：Can' t resolve module - Material-UI

【发布时间】：2017-10-17 11:03:05

【问题描述】：

我在尝试从“Material-Ui”导入组件时遇到错误。 实际上我正在使用 React 和 Webpack。 我想使用“卡片”组件 (http://www.material-ui.com/#/components/card)。

我的 .js 上的卡片导入就像文档 ->

   import Card from 'material-ui/Card'

这是我的 Webpack 日志：

无法解析模块“react/lib/reactProdInvariant” .../node_modules/material-ui/ReactFragment。

有什么想法吗？

【问题讨论】：

试试import Card from 'material-ui/lib/card';

我相信如果您在 from 部分指定路径，则不需要大括号，所以如果我是您，我会尝试 import Card from 'material-ui/Card' 或 import Card from 'material-ui'

我放了花括号，因为我只想导入 Card。此外，我从“material-ui/lib/card”导入时遇到错误。该目录不存在。

那么material-ui/Card/Card 呢？ Reference

得到同样的错误：/

【参考方案1】：

我认为卡片是material-ui/Card的默认导出。尝试不带括号导入它。 以下是一些示例：

import MuiSnackbar from '@material-ui/core/Snackbar';
import Slide from '@material-ui/core/Slide';
import CloseIcon from '@material-ui/icons/Close';
import InfoIcon from '@material-ui/icons/Info';

谢谢， 亚历克斯

【参考方案2】：

material-ui 和 react 之间似乎存在一些损坏的依赖关系。我认为您应该更新您的依赖项。

希望对你有帮助

【参考方案3】：

material-ui 和 react 之间存在断开的依赖关系

尝试做 - yarn add @material-ui/core

在我的情况下为我工作的是 @material-ui/core/chippedInput 丢失了。