1

我想在我的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;

一切正常,直到我尝试在我的应用程序中使用Material组件。也许我缺少安装某些东西,但我遵循的文档并不特别需要任何东西。

4

3 回答 3

1

如果您仔细查看错误消息,它会说它找不到的模块是 babel-loader ('/Users/hugovillalobos/Documents/Code/LumiereProject/lumiere_frontend/node_modules/react-scripts/node_modules/ babel-loader / lib/index.js')。

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

于 2018-12-14T21:50:56.410 回答
0

我遇到了同样的错误。我在开发服务器仍在运行时安装了 Material-UI。重新启动服务器就可以了。我注意到一些包在你这样做之前不会“启动”。

于 2020-10-08T23:12:17.163 回答
0

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

于 2021-02-24T09:25:03.430 回答