reactjs 未找到模块:无法解析"@material-ui/core/容器"

f1tvaqid  于 2023-02-18  发布在  React
关注(0)|答案(8)|浏览(129)

在浏览器中,我收到错误消息
编译失败,找不到模块:无法解析“@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",

我希望看到页面的内容不会占据屏幕的整个宽度,但相反,我收到了一个编译失败错误。

syqv5f0l

syqv5f0l1#

Container不是package.json中指定的material-ui版本的一部分。
要升级,请运行以下命令:

$ yarn add @material-ui/core@next

您可能必须删除旧的稳定版本(如果您可以选择的话)。
React和react-dom〉= 16.8.0是作为对等依赖项所需的全部,因此使用Container时,您只需要对material-ui进行实验性升级。

j2qf4p5b

j2qf4p5b2#

我遇到了类似的问题,我通过拨打以下电话解决了该问题:
对于国家预防机制:
npm install @material-ui/core
对于Yarn:
$ yarn add @material-ui/core@next

nwnhqdif

nwnhqdif3#

如果你用cd new-appyarn add @material-ui/core来编译npx create-react-app new-app,你可以试着重新开始。
然而,为了帮助您排除故障,这个错误通常发生在您尝试使用一个Material-UI组件而忘记导入它的时候。您是否尝试过注解掉所有代码并查看它是否可以编译?
这个错误也可能表示没有node_modules用于导入的内容。因此,npm install可能会解决这个问题。

8wigbo56

8wigbo564#

只需安装以下软件包

  • @情绪/React
  • @情感/风格
  • @材料-用户界面/核心
  • @材质-用户界面/图标
camsedfj

camsedfj5#

**仅安装:**npm安装@material-ui/core

yzuktlbb

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包

kkih6yb8

kkih6yb87#

对于尝试升级到Material Ui v5(MUI v5)的用户
请参阅v5迁移文档的此部分。
某些导入已更改名称(不仅仅是前缀)

@material-ui/core -> @mui/material
@material-ui/unstyled -> @mui/base
@material-ui/icons -> @mui/icons-material
[...]
p8h8hvxi

p8h8hvxi8#

您没有按照正确的路径安装Material-UI
步骤1:如果windows-PC选择正确的路径使用终端-〉cd .\foldername
步骤2:安装材料-UI

// with npm
npm install @material-ui/core

// with yarn
yarn add @material-ui/core

相关问题