babel is a javascript compiler
想通过babel-node让后端node可以运行es6,结果装完babel-cli总是报错Requires Babel “^7.0.0-0”, but was loaded with “6.26.3”.具体如下:
下面是我的package.json文件
{
"name": "form-react",
"version": "1.0.0",
"description": "",
"main": "webpack.config.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"dev": "webpack --mode development",
"build": "webpack --mode production",
"start": "webpack-dev-server"
},
"dependencies": {
"babel-loader": "^7.1.5",
"react": "^16.8.6",
"react-dom": "^16.8.6"
},
"devDependencies": {
"@babel/core": "^7.4.3",
"@babel/plugin-proposal-class-properties": "^7.4.0",
"@babel/preset-react": "^7.0.0",
"babel-cli": "^6.26.0",
"babel-loader": "^8.0.5",
"babel-preset-env": "^1.7.0",
"babel-preset-es2015": "^6.24.1",
"babel-preset-stage-0": "^6.24.1",
"css-loader": "^2.1.1",
"less": "^3.9.0",
"less-loader": "^4.1.0",
"resolve": "^1.10.0",
"style-loader": "^0.23.1"
},
"author": "",
"license": "ISC"
}
终端执行打包,并且webpack已配置热更新,npm run start
报错:
原因:babel将前端环境更新到babel7,jest-babel之前是基于babel6的,执行时候就会报:Requires Babel “^7.0.0-0”, but was loaded with “6.26.3”.
解决:cnpm i babel-core@^7.0.0-bridge.0 @babel/core regenerator-runtime
- npm run start
- Compiled successfully.