我想在我的Reactapp中显示一个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条答案
按热度按时间xesrikrc1#
如果你仔细看错误消息，它说它找不到的模块是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并重新编译。z31licg02#
我遇到了同样的错误。我在开发服务器仍在运行时安装了Material-UI。重启服务器就成功了。我注意到有些软件包在你这样做之前不会“生效”。
wtlkbnrh3#
重启服务器解决了我的问题
fnvucqvd4#
我只是为npm运行
yarn add @material-ui/core -D，你会运行npm install @material-ui/core --save-dev我正在运行react 18.2，在写这篇文章的时候，我升级了我的整个FE堆栈，即react，typescript，tailwind，mui和webpack都运行在最新版本上。
这里是我的package.json，如果你想要一个快速参考复制意大利面🤌🏻