无法解析模块 - Material-UI

Question

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

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

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

这是我的 Webpack 日志：

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

任何的想法？

Answer 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';

谢谢，亚历克斯

Answer 2

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

希望能帮助到你

Answer 3

material-ui 和 react 之间存在破坏的依赖关系

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

在我的情况下对我有用的是缺少@material-ui/core/chippedInput。