Я следил за учебным пособием в онлайн-видео, но получил такой код ошибки:
Failed to compile
./node_modules/@material-ui/icons/Menu.js Module not found: Can't resolve '@babel/runtime/helpers/builtin/interopRequireDefault' inb'C:\LocalServer\static-page\node_modules\@material-ui\icons'This error occurred during the build time and cannot be dismissed.
Это код, который я пишу:
import React, {Component} from 'react';
import AppBar from '@material-ui/core/AppBar';
import ToolBar from '@material-ui/core/Toolbar';
import MenuIcon from '@material-ui/icons/Menu';
import IconButton from '@material-ui/core/IconButton';
class Header extends Component{
render(){
return(
<div>
<AppBar position = "fixed" style = {{backgroundColor:'#2f2f2f',boxShadow:'none',padding:'10px 0px'}}>
<ToolBar>
<div className = "header_logo">
<div className = "font_righteous header_logo_venue">The Venue</div>
<div className = "header_logo_title">MUSICAL EVENTS</div>
</div>
<IconButton aria-label = "Menu" color = "inherit" onClick = {()=>console.info('open')}>
<MenuIcon/>
</IconButton>
</ToolBar>
</AppBar>
</div>
);
}
}
export default Header
Из учебника сказано, что я должен переименовать каталог с @material-ui/core/Menu в строке 4 на @material-ui/icons/Menu. Но когда я возвращаюсь обратно на @material-ui/core/Menu, код работает, кнопка работает, но значок не появляется.
Но, из туториала видно, что программа запущена, и на ней появились значки.
В заголовке есть значок кнопки белого гамбургера.
Это код ошибки, когда я пытаюсь изменить core/Menu на icons/Menu
Вот что получилось, когда я вернулся на core/Menu
Обновлено: package.json у меня есть прямо сейчас:
{ "name": "static-page", "version": "0.1.0", "private": true, "dependencies": {
"@babel/runtime": "7.0.0-beta.55",
"@material-ui/core": "^1.4.3",
"@material-ui/icons": "^1.1.0",
"react": "^16.7.0",
"react-dom": "^16.7.0",
"react-reveal": "^1.2.2",
"react-scripts": "2.1.3",
"react-scroll": "^1.7.9",
"react-slick": "^0.23.1" }, "scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject" }, "eslintConfig": {
"extends": "react-app" }, "browserslist": [
">0.2%",
"not dead",
"not ie <= 11",
"not op_mini all" ] }
Я уже редактирую его прямо сейчас.





Нашел MUI проблема, в котором указана точно такая же проблема. решение должен обновиться до @material-ui/[email protected].
Поскольку у вас есть @material-ui/icons@^1.1.0 в качестве зависимости, удаления node_modules и повторного запуска npm install должно быть достаточно.
Попробуй и попробуй:
npm добавить @babel/runtime
Или обновите среду выполнения Babel:
"@babel/runtime": "7.0.0-бета.55"
Не могли бы вы опубликовать содержимое
package.json? Я подозреваю, что у вас проблемы с версией.