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

Question

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

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

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

我已经使用 yarn 来移除和$ yarn add @material-ui/core 。 我试过 yarn run build 这给了我错误

找不到模块：'@material-ui/core/Container'。 确保已安装此软件包。 你可以通过运行安装这个包：yarn add @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",

我希望看到页面的内容不会占据屏幕的整个宽度，而是收到一个编译失败错误。

Answer 1

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

要升级，请运行以下命令：

$ yarn add @material-ui/core@next

您可能必须删除旧的稳定版本（如果这甚至是您的选择）。

需要 React 和 react-dom >= 16.8.0 作为对等依赖项，所以使用Container应该只需要对material-ui进行实验性升级。

Answer 2

我有一个类似的问题，我通过调用解决了它：

对于 npm：

npm install @material-ui/core

对于纱线：

$ yarn add @material-ui/core@next

Answer 3

如果您使用cd new-app和yarn add @material-ui/core跟随npx create-react-app new-app ，它会使用yarn start进行编译。 您可以尝试重新开始。

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

此错误还可能表明正在导入的内容没有 node_modules。 所以， npm install可能会解决这个问题。

Answer 4

只需安装以下软件包

Answer 5

只需安装： npm install @material-ui/core