@vue/cli-plugin-babel/preset报错

2,978 阅读1分钟

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"
      ]
}