我试图从Babel 6升级到〉7。我使用npx babel-upgrade --write
来帮助更新package.json
,然后运行npm install
。
当尝试运行我们的webpack开发服务器时,它无法编译,并出现以下错误:
ERROR in ./src/app/index.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Cannot find module 'babel-plugin-transform-object-rest-spread' from '/vagrant'
at Function.module.exports [as sync] (/vagrant/node_modules/resolve/lib/sync.js:58:15)
at resolveStandardizedName (/vagrant/node_modules/@babel/core/lib/config/files/plugins.js:101:31)
at resolvePlugin (/vagrant/node_modules/@babel/core/lib/config/files/plugins.js:54:10)
at loadPlugin (/vagrant/node_modules/@babel/core/lib/config/files/plugins.js:62:20)
at createDescriptor (/vagrant/node_modules/@babel/core/lib/config/config-descriptors.js:154:9)
at items.map (/vagrant/node_modules/@babel/core/lib/config/config-descriptors.js:109:50)
at Array.map (<anonymous>)
at createDescriptors (/vagrant/node_modules/@babel/core/lib/config/config-descriptors.js:109:29)
at createPluginDescriptors (/vagrant/node_modules/@babel/core/lib/config/config-descriptors.js:105:10)
at alias (/vagrant/node_modules/@babel/core/lib/config/config-descriptors.js:63:49)
注意/vagrant
是项目根。babel-plugin-transform-object-rest-spread
的唯一引用存在于node_modules
中,所以我猜这些引用是以某种方式触发它的?
包.json
"devDependencies": {
"@babel/core": "^7.0.0",
"@babel/plugin-proposal-object-rest-spread": "^7.0.0",
"@babel/polyfill": "^7.0.0",
"@babel/preset-env": "^7.0.0",
"@babel/preset-react": "^7.0.0",
"autoprefixer": "^9.0.1",
"babel-core": "^7.0.0-bridge.0",
"babel-jest": "^23.4.2",
"babel-loader": "^8.0.0",
"babel-plugin-lodash": "^3.3.4",
"babel-plugin-react-transform": "^3.0.0",
"css-loader": "^1.0.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"enzyme-to-json": "^3.3.4",
"eslint": "^5.2.0",
"eslint-config-standard": "^11.0.0",
"eslint-plugin-import": "^2.13.0",
"eslint-plugin-jsx-a11y": "^6.1.1",
"eslint-plugin-node": "^7.0.1",
"eslint-plugin-promise": "^3.8.0",
"eslint-plugin-react": "^7.10.0",
"eslint-plugin-standard": "^3.1.0",
"file-loader": "^1.1.11",
"html-webpack-plugin": "^3.2.0",
"identity-obj-proxy": "^3.0.0",
"jest": "^24.7.1",
"jest-fetch-mock": "^1.6.5",
"lodash-webpack-plugin": "^0.11.5",
"mini-css-extract-plugin": "^0.6.0",
"path": "^0.12.7",
"postcss": "^7.0.1",
"postcss-cssnext": "^3.0.2",
"postcss-loader": "^2.1.6",
"postcss-modules-values": "^1.3.0",
"raw-loader": "^0.5.1",
"react-test-renderer": "^16.4.1",
"redux-mock-store": "^1.5.3",
"sinon": "^6.1.4",
"standard": "^11.0.0",
"style-loader": "^0.21.0",
"svg-react-loader": "^0.4.5",
"uglifyjs-webpack-plugin": "^1.2.7",
"webpack": "^4.30.0",
"webpack-cli": "^3.3.1",
"webpack-dev-server": "^3.3.1",
"webpack-merge": "^4.1.3",
"webpack-visualizer-plugin": "^0.1.11"
},
.巴伯尔中心
{
"presets": [
"@babel/preset-env",
"@babel/preset-react"
],
"plugins": [
"@babel/plugin-proposal-object-rest-spread"
]
}
**编辑:**我一直无法确定问题的原因,并已恢复到Babel 6。
2条答案
按热度按时间628mspwn1#
有这个问题,并能够解决它后,一些挖掘-
我们在webpack配置的插件和
package.json
中仍然有一个transform-object-rest-spread
,没有babel前缀。2用@babel/plugin-proposal-object-rest-spread
替换它为我们修复了它!fkvaft9z2#
更新了来自@user14981617的预设,并使用了@user14981617的建议。
终端推荐使用https://babeljs.io/docs/en/env/。
:)
这是我目前拥有的: