【问题标题】：Can't resolve '@material-ui/lab/Slider' in {path}无法解析 {path} 中的“@material-ui/lab/Slider”
【发布时间】：2018-09-14 11:16:19
【问题描述】：

我导入了 Slider：

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

并在渲染中返回。

代码未编译并引发错误：

找不到模块：错误：Can't resolve '@material-ui/lab/Slider' in {path}。

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

【问题讨论】：

从“material-ui”导入 {Slider}

标签： reactjs material-ui lab

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

npm install @material-ui/lab

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

【讨论】：

【解决方案4】：

错误本身大喊大叫。

找不到模块

这意味着如果 module 不属于您的项目，您必须安装它。

lab 不附带material/core

只需通过任何包管理器NPM 或YARN 安装lab 包

npm

npm install @material-ui/lab

纱线

yarn add @material-ui/lab

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

【讨论】：

【解决方案5】：

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

 npm install @material-ui/lab --save

【讨论】：

【解决方案6】：

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

参考：

希望这会有所帮助。

【讨论】：

【解决方案7】：

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

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

【讨论】：

【解决方案8】：

在使用材料 ui 5.0.4 安装 @mui/lab 包后，我能够解决该问题。

对于纱线用户： yarn add @mui/lab

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

【讨论】：