找不到模块:无法解析“ @ material-ui / core / Container”

时间:2019-05-21 03:11:18

标签: javascript reactjs material-ui

在浏览器中,我收到错误消息

  

找不到编译模块失败:无法解决   '@ material-ui / core / Container'

它正在我的组件目录中而不是node_modules中寻找该组件。我无法将目录更改为node_modules ../../,因为node_modules在src目录之外,并且Create React App不允许我这么做。

我已经使用yarn移除了$ yarn add @material-ui/core。我尝试了纱线运行构建,这给了我错误

  

找不到模块:“ @ material-ui / core / Container”。确保这个   软件包已安装。您可以运行以下命令安装此软件包:   添加@ material-ui / core / Container。

当我尝试添加它时,出现错误

  

错误在“ npm”上找不到软件包“ @ material-ui / core / Container”   注册表。

以下是与我相关的依赖项:

"@material-ui/core": "^3.9.3",
"@material-ui/icons": "^3.0.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",

我希望看到页面内容不会占用屏幕的整个宽度,但是会收到编译失败的错误消息。

2 个答案:

答案 0 :(得分:4)

Container不是您的material-ui中指定的package.json版本的一部分。

要升级,请运行以下命令:

$ yarn add @material-ui/core@next

您可能必须删除旧的稳定版本(如果您可以选择的话)。

React和react-dom> = 16.8.0都是对等依赖项,因此material-ui的实验性升级应该是使用Container所需要的。

答案 1 :(得分:0)

如果您在npx create-react-app new-app后面加上cd new-appyarn add @material-ui/core,则会在yarn start编译。您可以尝试重新开始。

但是,为了帮助您进行故障排除,当您尝试使用Material-UI组件而忘记导入时,通常会发生此错误。您是否尝试注释掉所有代码并查看其是否可以编译?