全新 PC 安裝上的“[BABEL] 找不到模塊”

Question

我正在一個新系統上設置我的開發環境。 在我的項目文件夾中：

npm install
npm run serve

得到了這個：

Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: [BABEL] /Users/user/Documents/project/editor/src/main.js: Cannot find module '@babel/compat-data/corejs3-shipped-proposals'
Require stack:
- /Users/user/Documents/project/editor/node_modules/@babel/preset-env/lib/polyfills/corejs3/usage-plugin.js
- /Users/user/Documents/project/editor/node_modules/@babel/preset-env/lib/index.js
- /Users/user/Documents/project/editor/node_modules/@vue/babel-preset-app/index.js
- /Users/user/Documents/project/editor/node_modules/@vue/cli-plugin-babel/preset.js
- /Users/user/Documents/project/editor/node_modules/@babel/core/lib/config/files/plugins.js
- /Users/user/Documents/project/editor/node_modules/@babel/core/lib/config/files/index.js
- /Users/user/Documents/project/editor/node_modules/@babel/core/lib/index.js
- /Users/user/Documents/project/editor/node_modules/@vue/cli-plugin-babel/index.js
- /Users/user/Documents/project/editor/node_modules/@vue/cli-service/lib/Service.js
- /Users/user/Documents/project/editor/node_modules/@vue/cli-service/bin/vue-cli-service.js (While processing: "/Users/user/Documents/project/editor/node_modules/@vue/cli-plugin-babel/preset.js")
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:966:15)
    at Function.Module._load (internal/modules/cjs/loader.js:842:27)
    at Module.require (internal/modules/cjs/loader.js:1026:19)
    at require (internal/modules/cjs/helpers.js:72:18)
    at Object.<anonymous> (/Users/user/Documents/project/editor/node_modules/@babel/preset-env/lib/polyfills/corejs3/usage-plugin.js:10:55)
    at Module._compile (internal/modules/cjs/loader.js:1138:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1158:10)
    at Module.load (internal/modules/cjs/loader.js:986:32)
    at Function.Module._load (internal/modules/cjs/loader.js:879:14)
    at Module.require (internal/modules/cjs/loader.js:1026:19)
    at require (internal/modules/cjs/helpers.js:72:18)
    at Object.<anonymous> (/Users/user/Documents/project/editor/node_modules/@babel/preset-env/lib/index.js:29:44)
    at Module._compile (internal/modules/cjs/loader.js:1138:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1158:10)
    at Module.load (internal/modules/cjs/loader.js:986:32)
    at Function.Module._load (internal/modules/cjs/loader.js:879:14)

 @ multi (webpack)-dev-server/client?http://192.168.0.105:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

我檢查了 node_modules/@babel/compat-data/ 並且模塊在那里。 為什么webpack（是webpack？）看不到？

請注意，幾周前我在另一個系統上做了同樣的事情，它運行良好。 我在同一個新系統上也有一個 vuepress 項目，它也運行良好。

謝謝

Answer 1

在項目文件夾中：

rm package_lock.json
rm -r node_modules
npm install

原來我在另一個系統的 git 上有 package_lock.json。 刪除它，它的工作。

Answer 2

您可以刪除生成的鎖定文件（package-lock.json），然后從項目中刪除節點模塊。

然后再次嘗試通過 npm 下載依賴項作為npm 安裝