我导入了滑块:
import Slider from '@material-ui/lab/Slider';
并在渲染中返回。
代码未编译并引发错误:
找不到模块:错误:
Can't resolve '@material-ui/lab/Slider' in {path}
。
谁能帮我解决这个问题?谢谢。
您必须安装实验室包:npm install @material-ui/lab
截至 2021 年 2 月的更新答案:滑块已移至核心,因此您应该将导入更改为:
import Slider from '@material-ui/core/Slider';
在终端/cmd中运行以下命令:
npm install @material-ui/lab
成功安装后,重新启动服务器。 它将正常工作。 您可以在 node_modules/@material-ui 中手动检查。您将在其中找到实验室文件夹。
错误本身喊了很多。
未找到模块
这意味着如果module
不是项目的一部分,则必须安装它。
实验室不附带material/core
只需通过任何包管理器NPM
或YARN
安装实验室包
新人掌
npm install @material-ui/lab
纱
yarn add @material-ui/lab
我建议一次只使用一个包,并检查锁定文件是否存在。 有时它会冲突并导致现有包出现问题。
对我有用的解决方案如下(使用 --save 将依赖项保存在 package.jso 中(
npm install @material-ui/lab --save
尝试安装 npm 包npm install @material-ui/lab
。 如果这不起作用,请检查您的材料用户界面/核心版本和您安装的材料用户界面/实验室版本。 您不能将 @material-ui/核心的 v3 与 @material-ui/实验室的 v4 一起使用,请升级核心
参考:
- https://github.com/mui-org/material-ui/issues/16319#issuecomment-504297322,
- https://github.com/mui-org/material-ui/issues/12124
希望这有帮助。
我从@material-ui/lab/Pagination遇到了同样的分页问题,并遇到了同样的错误,因为我刚刚安装了 @material-ui/lab 版本为 4.0.0-alpha.57,但我使用的是低于4.0的旧版本的@material-ui/core。
我卸载了 @material-ui/core并重新安装了 npm 包,它解决了这个问题。
在安装带有材料 ui 5.0.4 的软件包后@mui/lab
我能够解决问题。
对于纱线用户:yarn add @mui/lab
对于 npm 用户:npm install @mui/lab
尝试同时安装@material-ui/lab
和@material-ui/core
。
npm install @material-ui/lab
npm install @material-ui/core
以上测试了@material-ui/core v4.12
和@material-ui/lab v4.0
。
您可能还需要安装 MUI 图标包 (npm install @mui/material @emotion/react @emotion/styled
(: https://stackoverflow.com/a/71806305