reactjs - ReactJS:无法解析“@babel/runtime/helpers/builtin/interopRequireDefault”
问题描述
我按照在线视频中的教程进行操作,但收到如下错误代码:
编译失败
./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'
此错误发生在构建期间,无法消除。
这是我写的代码:
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.log('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
编辑:我现在拥有的 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" ] }
解决方案
推荐阅读
- google-sheets - 如何根据另一个单元格的开始时间让特定单元格每小时增加一小时
- java - 有没有办法连接分析器 OSE JAVA 应用程序 pod?
- windows - 域 - 计算机帐户
- python - 使用 unittest 测试记录器消息
- python - TypeError:将推文数据插入mysql Python 3时,'str'对象不可调用
- node.js - NodeJS 无法向客户端发送消息
- vba - 具有多个条件的匹配函数
- r - 通过删除每小时仅一行的记录来子集数据帧
- python - 如何在 Python Gmail API 中更改发件人的名称?
- sql - 当结果集为 0 时如何检索 0 而不是 NULL 值(计算工作日)