vue-cli脚手架创建的项目按需引入element-ui时报错

  1. 按ElementUI组件官网安装npm i element-ui -S
  2. 修改.babelrc文件,如下
{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2",
    // 新增规则
    ["es2015", { "modules": false }] 
  ],
  "plugins": ["transform-vue-jsx", "transform-runtime", 
   // 新增插件
  [
    "component",
    {
      "libraryName": "element-ui",
      "styleLibraryName": "theme-chalk"
    }
  ]]
}
  1. 报错ERROR Failed to compile with 2 errors
Module build failed: Error: Couldn't find preset "es2015" relative to directory "F:\\..."
报错图片
  • 报错原因:缺乏element-ui转码所需的依赖
  • 解决方法:npm install babel-preset-es2015 --save-dev
  • 简写npm i babel-preset-es2015 -D
  1. 安装好依赖之后重启项目,问题解决。
  2. 如果缺其他依赖,解决方法一次类推

你可能感兴趣的:(vue-cli脚手架创建的项目按需引入element-ui时报错)