vue3.0 结合element ui 开发后台ui框架

vue3.0 结合element ui 开发后台ui框架,根据element ui 官网步骤安装出现报错信息,解决方法:

按照element UI官网步骤,

启动vue 3.0项目:npm run serve 报错

提示缺少es2015包,安装这个包由于我先前已经安装过,这里卸载 :npm uninstall --global babel-cli

再执行安装操作:npm install babel-preset-es2015 -D

提示推荐 we recommend using babel-preset-env now: please read babeljs.io/env to update

安装它推荐的那个包安装:npm install  babel-preset-env -D

好了,启动还是提示报错

vue3.0 结合element ui 开发后台ui框架

查看资料,总结查看babel配置:es2015改为自己安装的env

// 配置你自己安装的那个babel包
module.exports = {
  "presets": [["es2015", { "modules": false }]],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}
// module.exports = {
//   presets: [
//     '@vue/app',
//     ['env',            //添加 babel-preset-env 配置
//       {
//         'modules': false
//       }
//     ]
//   ],
//   plugins: [        // element官方教程
//     [
//       'component',
//       {
//         'libraryName': 'element-ui',
//         'styleLibraryName': 'theme-chalk'
//       }
//     ]
//   ]
// }

vue3.0 结合element ui 开发后台ui框架

成功启动