在浏览器中,我收到错误消息
找不到编译模块失败:无法解决 '@ 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",
我希望看到页面内容不会占用屏幕的整个宽度,但是会收到编译失败的错误消息。
答案 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-app
和yarn add @material-ui/core
,则会在yarn start
编译。您可以尝试重新开始。
但是,为了帮助您进行故障排除,当您尝试使用Material-UI组件而忘记导入时,通常会发生此错误。您是否尝试注释掉所有代码并查看其是否可以编译?