与 Material-UI 反应找不到模块

Posted 2023-02-22

【中文标题】与 Material-UI 反应找不到模块

【英文标题】：React with Material-UI can't find module

【发布时间】：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。

【参考方案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】：

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