首页 > 其他分享 >element-ui按需使用-2023年

element-ui按需使用-2023年

时间:2023-04-09 16:13:07浏览次数:31  
标签:Vue babel module element preset ui 2023

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

版本需要更新了

下载babel

npm i @babel/preset-env -D

 

因为是使用es6编译,所以在babel.config.js中写成

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

import { Button, Row } from 'element-ui'; Vue.use(Button) Vue.use(Row)  

标签:Vue,babel,module,element,preset,ui,2023
From: https://www.cnblogs.com/moxiaozhi/p/17300452.html

相关文章

  • JavaWeb-JSP-JSTL c foreach -2023-04-09
    <%@taglibprefix="c"uri="http://java.sun.com/jsp/jstl/core"%><%@pageimport="java.util.ArrayList"%><%@pagecontentType="text/html;charset=UTF-8"language="java"%><html>&l......
  • [省选联考 2023] 染色数组 题解
    题目描述给定一个长度为\(n\)的正整数数组\(A\),其中每个数都在\(1\)到\(m\)之间,从左到右排成一排。现在要将每个数字染成红色或者绿色,我们定义一个染色方案为优秀的染色方案,当且仅当它满足:每个数\(A_{i}\)要么被染成红色,要么被染成绿色。红色的数从左到右依次严格递......
  • JavaWeb-JSP JSTL标签 -2023-04-09
    <%--CreatedbyIntelliJIDEA.User:AdministratorDate:2023/4/9Time:15:10TochangethistemplateuseFile|Settings|FileTemplates.--%><%@pagecontentType="text/html;charset=UTF-8"language="java"%>&l......
  • 联合省选2023邮寄
    Day-INFNOIP诡异的地方写挂,导致在队线附近,省选压力其实很大。Day-7模拟赛一道网络流模型建错拿到了\(-1\)的\(5\)分,一道线段树写成分块T+Wa成\(0\)分,喜提倒一。但是可以和ducati一样的排名。Day-1找了个理由请假回家。早上去跑步,将四公里跑进了16min,比较开心。......
  • [省选联考 2023] 染色数组 题解
    题目描述给定一个长度为\(n\)的正整数数组\(A\),其中每个数都在\(1\)到\(m\)之间,从左到右排成一排。现在要将每个数字染成红色或者绿色,我们定义一个染色方案为优秀的染色方案,当且仅当它满足:每个数\(A_{i}\)要么被染成红色,要么被染成绿色。红色的数从左到右依次严格递......
  • 2023年了,为什么我们找工作更难了
    2020年的新冠疫情对整个世界都造成了极大的影响,软件测试行业也不例外。疫情期间,大多数公司都采取了远程办公的方式,这对于软件测试行业来说带来了一些挑战。然而,随着2023年的到来,疫情已经结束,为什么软件测试从业者找工作仍然这么难呢?以下是一些可能的原因。1.市场竞争激烈随着技术......
  • 【python】使用build模块进行简单打包分发
    build模块build模块是python3.6引入的一个简单的打包工具,和setuptools的区别是,build更加灵活简单,而setuptools提供了很多的高级功能,可以更加灵活的满足不同的项目需求   也就是说,build提供了一个简单的标准库级别的构建和打包工具,而setuptools更加强大安装buildpython......
  • kotlin minOf 发出NoSuchElementException异常,该如何解决
    kotlinminOf发出NoSuchElementException异常,该如何解决minOf函数在处理空集合时会抛出NoSuchElementException异常。解决该问题的方法取决于你的具体需求和代码实现方式。如果你期望集合可能为空,你可以使用minOrNull函数代替minOf函数。minOrNull函数返回集合中的最小......
  • MAUI 实现图片上传
    MAUI实现图片上传功能 1、Mainpage.xmal中进行调用代码如下<Imagex:Name="Image_Upload"Source="{BindingUser.HeaderImg}"/><ButtonText="上传"Clicked="UploadImage_Clicked"/>2,创建一个UploadImage类实现选择图片并上传的方法publ......
  • ruoyi-cloud微服务版启动过程报错_20230320版_ Verion 9 of Highlight.js has reached
      Verion9ofHighlight.jshasreachedEOL. Itwillnolonger报错: 这里修改成10.7.3版本D:\2023\qdBigData\RuoYi-Cloud-master\ruoyi-ui>npminstall--registry=https://registry.npm.taobao.org然后到对应目录,再去执行编译去看看.不报错了 >npmrundev然后执行看......