无法解析模块 - Material-UI

Question

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

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

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

这是我的 Webpack 日志：

Cannot resolve module 'react/lib/reactProdInvariant' in .../node_modules/material-ui/ReactFragment.

有什么想法吗？

Answer 1

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

希望对您有所帮助

Answer 2

material-ui 和 react

之间存在损坏的依赖关系

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

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

Answer 3

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

谢谢，亚历克斯

无法解析模块 - Material-UI

Can' t resolve module - Material-UI

javascript

reactjs

webpack

material-ui