Error: Cannot find module '@vue/cli-plugin-babel/preset'
按需引入element-ui时,找不模块@vue/cli-plugin-babel/preset
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Cannot find module '@vue/cli-plugin-babel/preset'
Require stack:
- G:\project\vue\text3\node_modules@babel\core\lib\config\files\plugins.js
- G:\project\vue\text3\node_modules@babel\core\lib\config\files\index.js
- G:\project\vue\text3\node_modules@babel\core\lib\index.js
- G:\project\vue\text3\node_modules\babel-loader\lib\index.js
- G:\project\vue\text3\node_modules\loader-runner\lib\loadLoader.js
- G:\project\vue\text3\node_modules\loader-runner\lib\LoaderRunner.js
- G:\project\vue\text3\node_modules@vue\cli-service\node_modules\webpack\lib\NormalModule.js
- G:\project\vue\text3\node_modules@vue\cli-service\node_modules\webpack\lib\NormalModuleFactory.js
- G:\project\vue\text3\node_modules@vue\cli-service\node_modules\webpack\lib\Compiler.js
- G:\project\vue\text3\node_modules@vue\cli-service\node_modules\webpack\lib\webpack.js
- G:\project\vue\text3\node_modules@vue\cli-service\lib\commands\serve.js
- G:\project\vue\text3\node_modules@vue\cli-service\lib\Service.js
- G:\project\vue\text3\node_modules@vue\cli-service\bin\vue-cli-service.js
at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
at resolve (node:internal/modules/cjs/helpers:108:19)
at tryRequireResolve (G:\project\vue\text3\node_modules@babel\core\lib\config\files\plugins.js:157:9)
at resolveStandardizedNameForRequire (G:\project\vue\text3\node_modules@babel\core\lib\config\files\plugins.js:195:19)
at sync (G:\project\vue\text3\node_modules@babel\core\lib\config\files\plugins.js:224:12)
at sync (G:\project\vue\text3\node_modules\gensync\index.js:182:19)
at G:\project\vue\text3\node_modules\gensync\index.js:210:24
at Generator.next (<anonymous>)
at resolvePreset (G:\project\vue\text3\node_modules@babel\core\lib\config\files\plugins.js:87:17)
at resolvePreset.next (<anonymous>)
at loadPreset (G:\project\vue\text3\node_modules@babel\core\lib\config\files\plugins.js:101:27)
at loadPreset.next (<anonymous>)
at createDescriptor (G:\project\vue\text3\node_modules@babel\core\lib\config\config-descriptors.js:187:16)
at createDescriptor.next (<anonymous>)
at G:\project\vue\text3\node_modules\gensync\index.js:31:34
@ multi (webpack)-dev-server/client?http://10.151.110.63:8080/sockjs-node
./node_modules/@vue/cli-service/node_modules/webpack/hot/dev-server.js
./src/main.js
babel.config.js
//旧
module.exports = {
presets: [
'@vue/app',
'@vue/cli-plugin-babel/preset'
],
plugins: [
[
"component",
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}
]
]
}
解决办法
更新babel配置babel.config.js文件。使用@babel/preset-env而不是babel-preset-env:
然后执行:
npm install @babel/core @babel/preset-env
修改后的文件:
module.exports = {
presets: [
"@babel/preset-env"
]
}