Question

我想在我的 React 应用中显示一个 Material 按钮，但出现此错误：

Failed to compile.

./node_modules/@material-ui/core/styles/index.js
Module not found: Can't resolve '/Users/hugovillalobos/Documents/Code/LumiereProject/lumiere_frontend/node_modules/react-scripts/node_modules/babel-loader/lib/index.js' in '/Users/hugovillalobos/Documents/Code/LumiereProject/lumiere_frontend'

这是我的App.js：

import React, { Component } from 'react';
import './App.css';
import LoginModal from './components/Login';

class App extends Component {
  render() {
    return (
      <div className="App">
        <LoginModal />
      </div>
    );
  }
}

export default App;

这是我的模块：

import React, { Component } from 'react';
import { withStyles } from '@material-ui/core/styles';
import Button from '@material-ui/core/Button';

class LoginModal extends Component {
  render() {
    return(
      <div>
        <Button variant="contained" className="{classes.Button}">
          Welcome to Lumiere...
        </Button>
      </div>
    );
  }
}

export default LoginModal;

一切正常，直到我尝试在我的应用中使用材料组件。也许我缺少安装某些东西，但是我遵循的documentation并不需要任何特别要求。

Answer 1

如果仔细查看错误消息，它会指出找不到的模块是babel-loader（'/ Users / hugovillalobos / Documents / Code / LumiereProject / lumiere_frontend / node_modules / react-scripts / node_modules / < strong> babel-loader /lib/index.js'）。

尝试运行npm install --save babel-loader，然后重新编译。如果这样不起作用，请尝试重新安装所有依赖项npm ci并再次编译。

Answer 2

我遇到了同样的错误。我的开发服务器仍在运行时，我安装了Material-UI。重新启动服务器就可以了。我注意到有些软件包在您执行此操作之前不会“踢入”。

Answer 3

重启服务器解决了我的问题

用Material-UI响应找不到模块

3 个答案: