在浏览器中,我收到错误消息
编译失败,找不到模块:无法解析“@material-ui/core/容器”
它在我的组件目录中查找组件,而不是node_modules。我无法将目录更改为node_modules ../../
,因为node_modules在src
目录之外,并且Create React App不允许我这样做。
我使用Yarn来删除和$ yarn add @material-ui/core
。我尝试了Yarn运行构建,但出现错误
找不到模块:'@material-ui/core/Container'。请确保已安装此程序包。可以通过运行以下命令安装此程序包:Yarn添加@材料-UI/芯/容器。
当我尝试添加它时,收到错误消息
错误在“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",
我希望看到页面的内容不会占据屏幕的整个宽度,但相反,我收到了一个编译失败错误。
8条答案
按热度按时间syqv5f0l1#
Container
不是package.json
中指定的material-ui
版本的一部分。要升级,请运行以下命令:
您可能必须删除旧的稳定版本(如果您可以选择的话)。
React和react-dom〉= 16.8.0是作为对等依赖项所需的全部,因此使用
Container
时,您只需要对material-ui
进行实验性升级。j2qf4p5b2#
我遇到了类似的问题,我通过拨打以下电话解决了该问题:
对于国家预防机制:
npm install @material-ui/core
对于Yarn:
$ yarn add @material-ui/core@next
nwnhqdif3#
如果你用
cd new-app
和yarn add @material-ui/core
来编译npx create-react-app new-app
,你可以试着重新开始。然而,为了帮助您排除故障,这个错误通常发生在您尝试使用一个Material-UI组件而忘记导入它的时候。您是否尝试过注解掉所有代码并查看它是否可以编译?
这个错误也可能表示没有node_modules用于导入的内容。因此,
npm install
可能会解决这个问题。8wigbo564#
只需安装以下软件包
camsedfj5#
**仅安装:**npm安装@material-ui/core
yzuktlbb6#
这个问题是由您安装的同一个材质UI包引起的,最新的MUI包写为**@mui/package-name**,我安装了material-ui-dropzone包,这个包不适应新的材质UI名称转换,意味着它使用了MUI的旧命名转换,例如**@material-ui/package-name**
此问题的解决方案是使用旧命名转换(例如**@material-ui/core或@material-ui/icons**)而不是**@mui/core或@mui/icons**)安装核心材料UI和其他MUI包
kkih6yb87#
对于尝试升级到Material Ui v5(MUI v5)的用户
请参阅v5迁移文档的此部分。
某些导入已更改名称(不仅仅是前缀)
p8h8hvxi8#
您没有按照正确的路径安装Material-UI。
步骤1:如果windows-PC选择正确的路径使用终端-〉cd .\foldername
步骤2:安装材料-UI