无法解析 {路径} 中的"@material-ui/lab/Slider"



我导入了滑块:

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

只需通过任何包管理器NPMYARN安装实验室包

新人掌

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 一起使用,请升级核心

参考:

  1. https://github.com/mui-org/material-ui/issues/16319#issuecomment-504297322,
  2. 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

最新更新