ReactJS: не удается разрешить «@babel/runtime/helpers/builtin/interopRequireDefault»

Я следил за учебным пособием в онлайн-видео, но получил такой код ошибки:

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, код работает, кнопка работает, но значок не появляется.

Но, из туториала видно, что программа запущена, и на ней появились значки.

ReactJS: не удается разрешить «@babel/runtime/helpers/builtin/interopRequireDefault» В заголовке есть значок кнопки белого гамбургера.

ReactJS: не удается разрешить «@babel/runtime/helpers/builtin/interopRequireDefault» Это код ошибки, когда я пытаюсь изменить core/Menu на icons/Menu

ReactJS: не удается разрешить «@babel/runtime/helpers/builtin/interopRequireDefault» Вот что получилось, когда я вернулся на 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"   ] }

Не могли бы вы опубликовать содержимое package.json? Я подозреваю, что у вас проблемы с версией.

maazadeeb 28.01.2019 05:08

Я уже редактирую его прямо сейчас.

Ryuujo 28.01.2019 05:12
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
1
2
4 633
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Нашел 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"

Другие вопросы по теме