无法解析 {path} 中的“@material-ui/lab/Slider”

Question

我导入了滑块：

import Slider from '@material-ui/lab/Slider';

并在渲染中返回。

代码未编译并抛出错误：

Module not found: Error: Can't resolve '@material-ui/lab/Slider' in {path}.

谁能帮我解决这个问题？谢谢

Answer 1

您必须安装实验包：npm install @material-ui/lab

Answer 2

运行在您的终端/cmd 中执行以下命令：

npm 安装@material-ui/lab

安装成功后，重启服务器。它会正常工作。您可以在 node_modules/@material-ui 中手动检查。您会在其中找到 lab 文件夹。

Answer 3

对我有用的解决方案如下（使用 --save 保存 package.jso 中的依赖性）

 npm install @material-ui/lab --save

Answer 4

尝试安装 npm 包 npm install @material-ui/lab。如果这不起作用，请检查您的 material-ui/core 版本和您安装的 material-ui/lab 版本。 @material-ui/core的v3不能和@material-ui/lab的v4一起使用请升级core

参考：

希望对您有所帮助。

Answer 5

我遇到了来自 @material-ui/lab/Pagination 的分页问题，并且遇到了同样的错误，因为我刚刚安装了 @material-ui/lab 版本 4.0.0-alpha.57 但我使用的是 @material-ui/core 的旧版本 4.0.

我卸载了 @material-ui/core 并重新安装了 npm 包，问题就解决了。

Answer 6

截至 2021 年 2 月的更新答案：滑块已移入核心，因此您应该将导入更改为：

import Slider from '@material-ui/core/Slider';

Answer 7

错误本身就大喊大叫

Module not found

这意味着您必须安装 module 如果它不是您项目的一部分。

实验室没有 material/core

只需通过任何包管理器安装实验室包 NPM 或 YARN

npm

npm install @material-ui/lab

纱线

yarn add @material-ui/lab

我建议一次只使用一个包，并检查锁定文件是否存在。有时它会与现有包发生冲突并导致问题。

Answer 8

我在安装 @mui/lab 包 material ui 5.0.4.

后解决了这个问题

纱线用户： yarn add @mui/lab

对于 npm 用户： npm install @mui/lab

无法解析 {path} 中的“@material-ui/lab/Slider”

Can't resolve '@material-ui/lab/Slider' in {path}

reactjs

material-ui

lab

参考：