uniapp easycom组件冲突

于 2024-07-09 15:09:22 发布
阅读量658 收藏 4
点赞数 7
分类专栏： vue 文章标签： uni-app 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xuelang532777032/article/details/140296520
版权

提示信息

 ​easycom组件冲突：[@/components/uni-icons/uni-icons.vue,@/uni_modules/uni-icons/components/uni-icons/uni-icons.vue]​

问题描述

老项目，在uniapp插件商城导入了一个新的uniapp官方开发的组件==》uni-data-picker 数据驱动的picker选择器 - DCloud 插件市场

然后就报错了，

其实很简单，就是components和uni_modules 这两个目录下的uni-icons 删一个。

那删哪个呢？

为了老项目报奇奇怪怪的错误，

雪狼还是决定删掉uni_modules 目录下的uni-icons 目录

然后你在跑程序就不会报错了

雪狼之夜
关注
  • 7
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
uniapp分包使用easycom自动按需加载
sq7141879的博客
05-23 1954
废话不说直接开始 这是正常使用easycom,如果不加@/，那么easycom会默认去node_modules包去找 接下来直接上代码 切记开头用@/分包名称/组件所在位置 有眼睛尖的小伙伴发现了为什么我用的是pages.js，去看上一篇有关介绍pages.json模块化 ...
EasyCom互联网营销推广策划方案.docx
11-21
EasyCom互联网营销推广策划方案 EasyCom互联网营销推广策划方案旨在提高EasyCom品牌的知名度和影响力，以满足中高端手机用户、都市新人类和新业务敏锐客户的需求。本方案通过对消费群分析、消费群心理分析、产品...
​easycom组件冲突的解决办法
weixin_58651419的博客
10-13 6979
在uni项目中遇到easycom组件冲突的问题，在网上查的资料让删掉components下的同名目录，按照方法操作后发现项目报错，于是按照提示删掉了uni_modules下的同名目录，删除完之后就能正常运行啦。
uniapp开发踩坑，easycom组件冲突，运行真机报错Cannot read property ‘meta‘ of undefined等解决方法
最新发布
qq_16785561的博客
06-18 619
uniapp从官方插件市场导入插件使用的是asycom自动导入，导入到已有项目中会出现组件冲突的问题，比如原项目中根目录下/components中有uni-popup组件，又通过插件市场导入了uni-popup组件，导入的组件会在根目录下/uni_modules中，就会出现上述错误。/components文件夹中的组件可能是很老的版本，新的组件方法和功能没有，例如uni-popup老版本中只有@change事件，没有@maskClick事件。（推荐第①种方法，毕竟现在大多数组件直接冲插件市场导入）
uni-app easycom 组件引入报错
以后永远的博客
03-31 8610
uni-app easycom 模式 组件 引入 前言 （报错的问题 请往下看） : easycom官网描述 含义： 原本 vue 引入组件 需要多部操作，全局引入、单文件引入、在文件中注册等等等 非常麻烦。 uni-app 推出了easycom 引入组件模式 只需要在page.json 中配置自动扫描 或 自定义规则导入组件即可下面我会详细说下两种用法。 esaycom 自动导入： 一般在组件...
uniapp easycom教程
qq_43402051的博客
12-06 3217
easycom 是 uniapp 的一种组件自动引入的规则，使用这种规则可以使满足规则的组件无需注册直接使用。 接下来我们来看一眼效果 这里可以看到我并没有进行组件注册而是直接使用了组件，这样的效果就是 easycom 的自定义匹配规则。
uniapp 自定义easycom
qq_37550440的博客
05-23 446
2022年Hbulider升级后 compontens就不支持easycom,需要自定义easycom pages.json中自定义easycom "easycom": { "autoscan": true, "custom": { "^com-(.*)": "@/components/com-$1/com-$1.vue" // 匹配components目录内的com-的vue文件 } } 目录结构如下： ...
uni-app 组件的使用(easycom组件模式)
票票的博客
02-03 8302
uni-app只支持（.vue 组件）。其他的诸如：动态组件，自定义 render，和 <script type="text/x-template"> 字符串模版等，在非H5端不支持。 easycom【组件自动引入规则】（HBuilderX 2.5.5起支持easycom组件模式。） 传统vue组件，需要安装、引用、注册，三个步骤后才能使用组件。easycom将其精简为一步。 只要组件安装在项目的components目录下，并符合components/组件名称/组件名称.vue目录结构。就可
ThorUI组件库，轻量、简洁的移动端组件库
02-21
ThorUI组件库，uni-app版本，v3编译，支持nvue uni-app编译模式（原weex编译模式），easycom组件模式（无需手动引入，开发工具自带智能感知） 网站介绍 https://www.thorui.cn/ ThorUI组件文档 ...
【JavaScript源代码】easycom模式开发UNI-APP组件调用必须掌握的实用技巧.docx
12-28
easycom模式开发UNI-APP组件调用必须掌握的实用技巧 　本文旨在抛砖引玉，具体文档和easycom规范请移步uni-app官网。【传送门】easycom模式说明 easycom组件模式介绍　 自HBuilderX 2.5.5起支持easycom组件模式。若...
前端框架uniapp-uView配置好的初始化项目，导入可直接使用
11-17
前端开发领域中的uniapp-uView是一个非常流行的框架，它结合了uniapp的跨平台能力与uView的组件化设计，为开发者提供了高效且灵活的开发体验。uniapp是H5、微信小程序、支付宝小程序、百度小程序、QQ小程序、快应用...
日历组件增强版自定义打点
01-24
本组件符合easycom规范，HBuilderX 2.5.5起，只需将本组件导入项目，在页面template中即可直接使用，无需在页面中import和注册components。 如需通过npm方式使用uni-ui组件，另见文档：...
uniapp自定义组件的快速使用（easycom）
czy0917的博客
09-08 343
自定义组件通常存储在components中，需要自己创建该文件夹，然后组件就在里面创建和编写。要加上name，不然引用不到。在uniapp中，我们经常会在页面中使用多个组件，或第三方或自定义，这里我们讲的是如何快熟使用自定义的组件。写好组件后需要在pages.json中全局注册该组件，然后就可以不用import直接使用该组件了，以下是代码。自定义组件是指开发人员自己写的页面或模块，通常该模块会在其他多个页面使用，以达到避免同一模块重复编写。然后就可以直接使用了，不需要import，直接使用。
uni-app HBuilderX通过easycom省略import自动导入自定义组件
深夜听表
04-18 749
如果你需要自定义easycom扫描目录规则，可以在项目下的pages.json自定义，在custom添加匹配规则，如下以 Zmw 开头的组件，在 components 目录中查找。// 以正则方式自定义组件匹配规则// 以 Zmw 开头的组件，在 components 目录中查找。
uniapp中easycom的作用
qq_43026206的博客
05-18 3885
easycom的作用主要是： 在pages.json文件里面配置了easycom，使用组件的时候就不用每次都在页面里面引入了。 "easycom": { "autoscan": true, "custom": { "^uni-(.*)": "@/components/uni-$1.vue", // 匹配components目录内的vue文件 "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue" // 匹配node_modules内的uView组件
uniapp—封装多个全局组件,推荐使用easycom
cy1502的博客
03-22 1372
uniapp真机调试vue.use注册自定义组件不生效
easycom模式，UNI-APP组件开发调用必须掌握的实用技巧！
热门推荐
云间月
04-22 1万+
easycom模式，UNI-APP组件开发调用必须掌握的小技巧！ 本文旨在抛砖引玉，具体文档和easycom规范请移步uni-app官网。【传送门】????easycom模式说明 ????easycom组件模式介绍 自HBuilderX 2.5.5起支持easycom组件模式。若HBuiderX版本较低，请先检查更新！ uni-app基于VUE开发，通常组件的使用都是先安装，然后全局或者局部引入，注册。...
uniapp中easycom用法实例详解
Henry_Wu001的专栏
02-23 1003
easycom是Uniapp框架提供的一种组件自动注册机制，它可以自动扫描指定目录下的所有组件，并注册到全局组件中。这意味着我们无需手动在components中引入组件，也无需在每个页面中单独引入组件，只需要在组件的目录下创建一个index.vue文件，就可以自动注册组件并在全局中使用了。
uniAPP的easycom用法
06-08
Uniapp的easycom是一个组件自动化注册的机制，通过在组件中定义name属性，可以自动注册为全局组件，无需手动在每个页面或组件中进行注册。以下是使用easycom的步骤： 1. 在项目根目录下的vue.config.js文件中，配置easycom规则： ``` module.exports = { easycom: { // 注册的组件存放目录，可以设置多个 // 这里设置的是/src/components目录 dirs: ['components'], // 需要全局注册的组件文件后缀 // 这里设置的是自定义组件的后缀为uni.vue // uni-ui的组件后缀为ui.vue extensions: ['.uni.vue'] } } ``` 2. 在组件中定义name属性： ``` <template> <view> <text>{{ message }}</text> </view> </template> <script> export default { name: 'my-component', data() { return { message: 'Hello world!' } } } </script> ``` 3. 在需要使用组件的页面或组件中，直接使用组件名即可： ``` <template> <view> <my-component></my-component> </view> </template> <script> export default { } </script> ``` 以上就是使用easycom的简单步骤，通过easycom可以方便地进行组件的注册和使用，提高开发效率。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

雪狼之夜

打个赏，让博主知道博文没白写

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值