在编译继承react组件的组件时,我使用babel来抱怨,我没有检查语法错误
import React from 'react';
import ReactDom from 'react-dom';
class Hello extends React.Component {
render() {
return (
<h1>
hello world!
</h1>
)
}
}
ReactDom.render(
<Hello/>,
document.getElementById('index')
);
运行提示
ERROR in ./app/src/index.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
ReferenceError: Unknown helper getPrototypeOf
我的操作系统是Windows 10
节点版本10.1.0
的package.json
{
"name": "hello",
"version": "1.0",
"description": "",
"main": "app/src/index.js",
"scripts": {
"start": "webpack-dev-server --mode development --open",
"build": "webpack --mode production"
},
"keywords": "",
"author": "",
"license": "",
"devDependencies": {
"@babel/polyfill": "^7.0.0-beta.51",
"@babel/preset-env": "^7.0.0-beta.51",
"@babel/preset-react": "^7.0.0-beta.51",
"@babel/runtime": "^7.0.0-beta.51",
"babel-core": "^6.26.3",
"babel-loader": "^8.0.0-beta.3"
},
"dependencies": {
"react": "^16.4.0",
"react-dom": "^16.4.0"
}
}
问题解决了,请使用@ babel / core而不是babel-core