Babel 错误:“错误:无法从‘/vagrant’找到模块‘babel-plugin-transform-object-rest-spread’”

jar*_*hur 6 node.js npm babeljs

我正在尝试从 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)
Run Code Online (Sandbox Code Playgroud)

注意/vagrant是项目根目录。

剩下的唯一参考资料存在babel-plugin-transform-object-rest-spreadnode_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"
  },
Run Code Online (Sandbox Code Playgroud)

.babelrc

{
  "presets": [
    "@babel/preset-env",
    "@babel/preset-react"
  ],
  "plugins": [
    "@babel/plugin-proposal-object-rest-spread"
  ]
}
Run Code Online (Sandbox Code Playgroud)

编辑:我无法确定问题的原因并已恢复到 Babel 6。

小智 7

遇到了这个问题,经过一番挖掘后得以解决——

transform-object-rest-spread我们的 webpack 配置和 中的插件中仍然有剩余package.json,没有 babel 前缀。@babel/plugin-proposal-object-rest-spread为我们更换它并修复它!