参考：

Question

我导入了Slider：

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

并已返回渲染。

代码未编译，并引发错误：

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

有人可以帮我吗？谢谢。

Answer 1

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

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

Answer 2

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

npm install @ material-ui / lab

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

Answer 3

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

import React, {Component,Fragment} from 'react';

export class Quantity extends Component {
    /**
     * @type {{min: number, quantity: number}}
     */
    state = {
        min: 0,
        quantity:0
    };


    /**
     * Handle onchange behavior of the input
     * @param target
     */
    onChangeHandler = ({target}) => {
        const val = parseInt(target.value);
        this.setState(prevState => {
            return {quantity: val};
        });
    };



    render() {
        return (
            <Fragment>
                <label>Children Quantity</label>
                <input type="number" min={this.state.min} onChange={this.onChangeHandler} value={this.state.quantity} />
                <button onClick={ () => { this.props.funRef(this.state.quantity) } }>Generate</button>
            </Fragment>
        );

    }
}

Answer 4

尝试安装npm软件包appsettings.json。如果这不起作用，请检查您的material-ui / core版本和已安装的material-ui / lab版本。您不能将@ material-ui / core的v3与@ material-ui / lab的v4一起使用，请升级核心

参考：

希望这会有所帮助。

Answer 5

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

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

Answer 6

错误本身大喊大叫。

<块引用>

未找到模块

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

实验室不附带 material/core

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

安装实验包

npm

npm install @material-ui/lab

纱线

yarn add @material-ui/lab

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

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

6 个答案:

参考：