element-ui按需引入报错 Error: Cannot find module ‘babel-preset-es2015‘

黄粱一梦2024-01-022

问题:

按element-ui官网的步骤进行按需引入,报错:Error: Cannot find module ‘babel-preset-es2015’

npm install babel-plugin-component -D

然后添加.babelrc文件

{
  "presets": [["es2015", { "modules": false }]],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]

描述:

项目是基于vue-cli 3.x的版本,并没有官网的.babelrc文件,只有babel.config.js文件,而且项目不需要引入完整的element-ui,只需要引入部分,按官网的步骤安装babel-plugin-component后在babel.config.js写入内容,报错

解决:

.babelrc文件和babel.config.js文件都是配置文件,可以视为相同,之后需要使用npm安装所以二者只需要保留一个即可

npm i @babel/preset-env -D

更改babel.config.js配置文件

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset',
    ["@babel/preset-env", { "modules": false }]
  ],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

分类:前端Vue

标签:前端vue

上一篇vue-router动态添加路由下一篇将另一个项目放在当前vue项目的子路由中

版权声明

本文系作者 @黄粱一梦 转载请注明出处,文中若有转载的以及参考文章地址也需注明。\(^o^)/~

Preview