無法解析模塊 - 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。