05-移动和PC配置多页面打包引入element和vant冲突

摘要:
element是全局引入的,那么vant需要手动按需引入,才不会报错vant如何手动引入?

element是全局引入的,那么vant需要手动按需引入,才不会报错(npm run build会报错,npm run serve不会报错,只会提示notify的warning)

vant 如何手动引入?分为三步:

第一步:分别引入组件和样式

05-移动和PC配置多页面打包引入element和vant冲突第1张

第二步:这是最关键的一步,组件赋名的时候要这样

05-移动和PC配置多页面打包引入element和vant冲突第2张

如果上面这种注册写法还是会报错,那么可以换成下面这种写法:

05-移动和PC配置多页面打包引入element和vant冲突第3张

第三步:组件中就可以正常使用

05-移动和PC配置多页面打包引入element和vant冲突第4张


还有一种不好的解决方案:

在tsconfig.json中添加配置,关闭ESLint检测:这样不管npm run serve 或者 npm run build 都不会报错或者提示了

05-移动和PC配置多页面打包引入element和vant冲突第5张

免责声明:文章转载自《05-移动和PC配置多页面打包引入element和vant冲突》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇vc字符串转换处理:(绝对精华,收集所有的例子)用js编解码base64下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

vue+element项目里实时监听某个div宽度的变化,然后执行相应的事件

背景:vue项目中用到echarts图表,页面上有侧边栏,侧边栏收缩图表不能自适应,想通过监听内容部分的宽度让图表resize,试过window带的resize,只能监听浏览器窗口大小变化,为了监听某元素区域的变化而使echarts的尺寸重置。可以看到收起时会图表不会发生变化(上面的折线图是已经调好的)解决方式----- 一、自定义指令的方式1、局部自定义...

javascript实现图片延迟加载方法汇总(三种方法)

看到一些大型网站,页面如果有很多图片的时候,当你滚动到相应的行时,当前行的图片才即时加载的,这样子的话页面在打开只加可视区域的图片,而其它隐藏的图片则不加载,一定程序上加快了页面加载的速度,跟着小编一起学习javascript实现图片延迟加载吧 看到一些大型网站,页面如果有很多图片的时候,当你滚动到相应的行时,当前行的图片才即时加载的,这样子的话页面在打开...

js 实现向下滑动页面时遇顶固定

达到的页面效果: html: <link href="http://t.zoukankan.com/Scripts/weui/reset.css" rel="stylesheet" /> <link href="http://t.zoukankan.com/Scripts/weui/calendar.css" rel="stylesh...

wpf中遍历界面控件的方法

/// <summary>/// 遍历界面中的所有控件/// </summary>/// <param name="uiControls"></param>private void SetNotEditable(UIElementCollection uiControls){foreach (UIElemen...

element动态校验

<script src="//unpkg.com/vue/dist/vue.js"></script> <script src="//unpkg.com/element-ui@2.12.0/lib/index.js"></script> <div id="app"> <el-for...

xml根据属性去重。如csprj去重

public static void distinct(string filePath) { //1、创建XML文档对象 XmlDocument doc = new XmlDocument(); //2、加载指定路径的XML do...