无法解析模块 - Material-UI

时间:2017-05-17 20:17:59

标签: javascript reactjs webpack material-ui

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

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

   import {Card} from 'material-ui/Card'

这是我的Webpack日志:

  

无法解析模块'react / lib / reactProdInvariant'   ... / node_modules /材料的UI / ReactFragment。

有什么想法吗?

3 个答案:

答案 0 :(得分:2)

我认为该卡是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';

谢谢, 亚历克斯

答案 1 :(得分:1)

似乎是material-uireact之间存在一些破坏的依赖关系。我认为你应该更新你的依赖项。

希望有所帮助

答案 2 :(得分:0)

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

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

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