与 Material-UI 反应找不到模块答案

【问题标题】：React with Material-UI can't find module与 Material-UI 反应找不到模块
【发布时间】：2019-05-16 03:01:00
【问题描述】：

我想在我的 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 组件。也许我想安装一些东西，但我关注的 documentation 并不需要任何特别的东西。

【问题讨论】：

您能否为您的LoginModal 显示您的导入？
@ic3b3rg 我加了。
导入看起来不错 - 尝试重新安装您的模块
为模块运行 NPM i。

标签： javascript reactjs react-material

【解决方案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 并再次编译。

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

【讨论】：