vue-cli3构建项目时elementUI按需引入问题

报错1:Error: Cannot find module 'babel-preset-es2015'

报错2:Error: Cannot find module 'babel-preset-env'

- Did you mean "@babel/env"?

法1:将 es2015 更改为:@babel/preset-env

更改:

使用1:按照官方文档使用:

import { Button } from 'element-ui'
components: {'el-button': Button
},
<el-button type="primary">点我打开</el-button>

使用2:将按需引入的代码,独立出来

在src文件夹下新建一个element的文件夹,再新建一个index.js

// element/index.js
// 导入自己需要的组件
import { Button } from 'element-ui'const element = {install: function(Vue) {Vue.use(Button)}
}export default element

main.js修改:

import element from './element/index'
Vue.use(element)

使用:

<el-button type="primary">点我打开</el-button>

法2:env

需安装依赖:babel-preset-env即可

npm install babel-preset-env@next --S

vue-cli3构建项目时elementUI按需引入问题相关推荐

  1. vue.js 构建项目_使用Vue.js和AWS Amplify构建Chatbot

    vue.js 构建项目 Over the last few years, chatbots have exploded in popularity. It makes sense that busin ...

  2. idea 使用maven构建项目时,target bytecode version经常自动变化

    idea 使用maven构建项目时,target bytecode version经常自动变化 解决方法:在工程的pom.xml中添加 <build><plugins>< ...

  3. 构建项目时发生错误 - 错误:CS0006“... \ Assembly-CSharp-firstpass.dll”找不到

    构建项目时发生错误 - 错误:CS0006"... \ Assembly-CSharp-firstpass.dll"找不到 我正在为Hololens建立一个简单的项目. 独特的场景 ...

  4. 【Vue】—Vue脚手架创建项目时的 linter / formatter config配置选择

    [Vue]-Vue脚手架创建项目时的 linter / formatter config配置选择 ESLint with error prevention only 只进行报错提醒 ESLint + ...

  5. QtCreator使用CMake构建项目时jom Error 2问题

    QtCreator使用MSVC编译环境构建项目时,会因为配置不正确出现jom: C:/-/- [cmTC_fe41e\fast] Error 2错误,这里记录一下我的解决办法和对此问题的理解,希望能帮 ...

  6. jenkins构建项目时跳过单元测试

    最近构建项目时突然构建失败,查看日志发现构建的时候就启动了项目,而且明明是构建测试环境的项目,日志却显示启动环境是开发环境,思前想后发现之所以构建的时候就启动了是因为跑了单元测试的原因,因此需要在打包 ...

  7. 开发Vue或React项目时路径别名智能提示方案

    开发Vue或React项目时路径别名智能提示方案 前言 在我们开发Vue或React项目时,每次配置完路径别名,在输入路径时都没有对应的智能提示路径,如何解决这个痛点呢? 笔者通常都是使用vscode ...

  8. element ui需要引入样式吗_彻底学会element-ui按需引入和纯净主题定制

    原标题:彻底学会element-ui按需引入和纯净主题定制 作者:wuwhs 来源:SegmentFault 思否社区 前言 手上有些项目用的element-ui,刚好有空琢磨一下怎么减小打包文件大小 ...

  9. python django vue_Django+Vue.js构建项目

    本文主要讲述如何从0开始,用Django和Vue.js构建一个项目.文章提要:Django与vue.js整合开发原理 从头新建一个Django项目 新建一个前端页面,使用vue应用 在Django中设 ...

最新文章

  1. 如何高效地遍历 MongoDB 超大集合?
  2. 烂泥:学习tomcat之通过shell批量管理多个tomcat
  3. 计算机更新服务,使用 Microsoft Update 更新计算机
  4. MySQL数据的重复处理
  5. Nature重磅封面:复活死亡大脑!
  6. linux下darknet指定opencv4编译安装
  7. 肖健雄的无人车公司AutoX,现在要在美国配送生鲜了
  8. 持续降库纯碱增仓大涨,沪铝认购小涨,螺纹10-01季节性正套2022.5.19
  9. GIS应用技巧之OD图制作
  10. 简述思科、华为交换机型号字母代表的意思
  11. Received HTTP code 404 from proxy after CONNECT
  12. 我哭了——学分不保篇——注意——开学才一个月——啊这能学?——完犊子
  13. “首席用户官”到底应该是CUO(Chief User Officer)还是CCO(Chief Customer Officer)
  14. 架构师须知97件事精华版
  15. 甘肃省中药材发展规划2003~2007年
  16. python位运算和float浮点型底层存储原理
  17. 阿里云ACP认证之内容分发网络CDN知识整理(考题占比 3%)
  18. 8254定时/计数器实验
  19. .net 6.0 RijndaelManaged 解码变化
  20. linux企业实战 --MySQL数据库之读写分离

热门文章

  1. C/C++函数调用的几种方式
  2. MCITP第十二课——642课件2新知识点笔记
  3. 利用JavaScript实现简单的下拉菜单
  4. ZZULIOJ 1061:顺序输出各位数字
  5. python post json 解析失败_python中json对象转换出错解决方法
  6. java输出华氏摄氏温度转换表_Python练习题2.10输出华氏-摄氏温度转换表
  7. 信息学奥赛一本通 1038:苹果和虫子 | OpenJudge NOI 1.3 15 | OpenJudge NOI 1.4 21
  8. A+B Problem(高精)(洛谷-P1601)
  9. 24 CO配置-控制-产品成本控制-成本对象控制-定义订单交货的货物接收评估
  10. python自动化部署工具_Python + Allure(报告)+ Jenkins(持续集成)接口自动化测试环境搭建...