uniapp-引入模块失效的问题

最新推荐文章于 2025-10-23 12:01:25 发布
原创 最新推荐文章于 2025-10-23 12:01:25 发布 · 2.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#uni-app

作者分享了在开发过程中遇到的模块未生效问题，涉及检查components添加、路径配置以及小程序分包机制下的组件引用。提供了解决方案包括提取公共组件和处理分包组件引用错误。

在前段时间的开发中，我遇到了一个bug

就是引入了一个模块但是却没有生效，由于静态页面不是我完成的，所以我花了一些时间才发现问题所在

1. 查看是否忘记添加components

components: {
  	addCart,
  	myCart,
},

2. 查看是否引入路径有误

Component is not found in path 'xxxxx'

3. 小程序的分包机制

果在a分包引入了b分包的组件,就会报错

解决方法: 1. 提取到最外面的components 然后引用

2. 如果组件不大 可以直接复制过来

uniapp 微信小程序使用组件时报错 Component is not found in path “/subpages/xxx/xx“ (using by “pages/xxx/xxx“)解决方法
代码简单说 Vue、JAVA、PHP、Node.js 熟练运用，接口、架构、性能全搞定。
12-01 2771
小程序使用组件报错Component is not found in path。使用分包加载的最大好处是可以延迟加载不常用的组件，从而减少主包的加载时间。分包组件的共享是有限制的，不能直接在主包中使用。中引用分包的组件，而不是在主包中引用分包中的组件。简单来说，分包是独立加载的，它的组件、资源在主包加载时并不会一开始就被加载，而是需要通过特定的方式加载才能找到。中引用了分包中的组件，主包的加载过程是无法自动识别这些组件的，因为分包文件在主包加载时并不会被加载到内存中。
uniapp - 解决引入使用vant组件库时出现报错 Module build failed (x) SyntaxError | @import ‘../common/index.css‘；.van
高级前端工程师
08-08 5007
uniapp，vantUI，有赞组件库，报错，uniApp适用vant组件库控制台出现一大片报错，解决uniapp项目中使用vant Weapp图标组件报错问题，UniApp中引入VantUI后出现报错@import ‘../common/index.css‘；.van-icon{text-rendering:auto；-webkit-font-smoothi，HbuildX中uniapp引入vant出现的报错：Module，详细解决办法，出错，还是不行，有问题，引入VantUI后，运行发现报错了，怎么办，
解决在uniapp -vue3中引用uView-plus组件不生效的问题
最新发布
Lzy_o的博客
10-23 524
摘要： 解决uView-plus组件不显示问题需完整配置： 安装：通过npm或HBuilderX安装uview-plus、dayjs和clipboard； main.js配置：在createSSRApp后引入uviewPlus并use； 样式引入：在App.vue首行添加@import样式（需lang="scss"），并在uni.scss中引入theme.scss； pages.json配置：在easycom的custom节点正确注册组件路径（与pages同级）。 确保以上步骤完整执行即
基于vite搭建vue3的uniapp项目引入自定义组件报错[plugin:uni:mp-using-component] Unexpected token B in JSON at position
weixin_52102740的博客
07-24 1874
解决vite结合uniapp开发中出现引入自定义组件的问题
uniapp 引用组件后 不起作用 无效果 不显示
wangjun5159的专栏
04-23 5147
只要组件安装在项目的components目录下或uni_modules目录下，并符合components/组件名称/组件名称.(vue|uvue)目录结构（注意：当同时存在vue和uvue时，uni-app。就可以不用引用、注册，直接在页面中使用。但有时引入一个组件后，不起作用、无效果，不显示，这很有可能是关联组件与目标组件版本不协调导致，建议。比如要使用uni-list组件，那么打开组件文档首页，点击下载安装。我就是在升级了一个组件后，不显示，将全部组件升级后就好了。，选择目标项目完成导入。
uni-app—— uniapp 引入组件报错Component is not found in path...
qq_43201350的博客
05-16 5173
uni-app—— uniapp 引入组件报错Component is not found in path...
uniapp引入组件不生效解决方法
热门推荐
S筱潇S四维Smile
06-20 1万+
uniapp引入组件不生效解决方法
Module build failed (from ./node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js): 10:43:15.854 Error: Can't resolve 'mpvue-echarts/src/ec-canvas' in 'E:\zh\lingkun\xiaoguoshu\effect_number_app\components\ldt' 10:43:15.854 at D:\java\hbuilderx\plugins\uniapp-cli\node_modules\enhanced-resolve\lib\Resolver.js:209:21 10:43:15.854 at D:\java\hbuilderx\plugins\uniapp-cli\node_modules\enhanced-resolve\lib\Resolver.js:285:5 10:43:15.854 at eval (eval at create (D:\java\hbuilderx\plugins\uniapp-cli\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:16:1) 10:43:15.854 at D:\java\hbuilderx\plugins\uniapp-cli\node_modules\enhanced-resolve\lib\UnsafeCachePlugin.js:44:7 10:43:15.854 at D:\java\hbuilderx\plugins\uniapp-cli\node_modules\enhanced-resolve\lib\Resolver.js:285:5 10:43:15.854 at eval (eval at create (D:\java\hbuilderx\plugins\uniapp-cli\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:15:1) 10:43:15.854 at D:\java\hbuilderx\plugins\uniapp-cli\node_modules\enhanced-resolve\lib\Resolver.js:285:5 10:43:15.854 at eval (eval at create (D:\java\hbuilderx\plugins\uniapp-cli\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:27:1) 10:43:15.855 at D:\java\hbuilderx\plugins\uniapp-cli\node_modules\enhanced-resolve\lib\DescriptionFilePlugin.js:67:43 10:43:15.855 at D:\java\hbuilderx\plugins\uniapp-cli\node_modules\enhanced-resolve\lib\Resolver.js:285:5 10:43:15.855 at eval (eval at create (D:\java\hbuilderx\plugins\uniapp-cli\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:43:1) 10:43:15.855 at D:\java\hbuilderx\plugins\uniapp-cli\node_modules\enhanced-resolve\lib\ModuleKindPlugin.js:30:40 10:43:15.855 at D:\java\hbuilderx\plugins\uniapp-cli\node_modules\enhanced-resolve\lib\Resolver.js:285:5 10:43:15.855 at eval (eval at create (D:\java\hbuilderx\plugins\uniapp-cli\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:15:1) 10:43:15.855 at D:\java\hbuilderx\plugins\uniapp-cli\node_modules\enhanced-resolve\lib\Resolver.js:285:5 10:43:15.855 at eval (eval at create (D:\java\hbuilderx\plugins\uniapp-cli\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:16:1) 10:43:15.855 at D:\java\hbuilderx\plugins\uniapp-cli\node_modules\enhanced-resolve\lib\Resolver.js:285:5 10:43:15.855 at eval (eval at create (D:\java\hbuilderx\plugins\uniapp-cli\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:16:1) 10:43:15.855 at D:\java\hbuilderx\plugins\uniapp-cli\node_modules\enhanced-resolve\lib\UnsafeCachePlugin.js:44:7 10:43:15.855 at D:\java\hbuilderx\plugins\uniapp-cli\node_modules\enhanced-resolve\lib\Resolver.js:285:5 10:43:15.855 at eval (eval at create (D:\java\hbuilderx\plugins\uniapp-cli\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:15:1) 10:43:15.856 at D:\java\hbuilderx\plugins\uniapp-cli\node_modules\enhanced-resolve\lib\Resolver.js:285:5 10:43:15.856 at eval (eval at create (D:\java\hbuilderx\plugins\uniapp-cli\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:27:1) 10:43:15.856 at D:\java\hbuilderx\plugins\uniapp-cli\node_modules\enhanced-resolve\lib\DescriptionFilePlugin.js:67:43 10:43:15.856 at D:\java\hbuilderx\plugins\uniapp-cli\node_modules\enhanced-resolve\lib\Resolver.js:285:5 10:43:15.856 at eval (eval at create (D:\java\hbuilderx\plugins\uniapp-cli\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:16:1) 10:43:15.856 at D:\java\hbuilderx\plugins\uniapp-cli\node_modules\enhanced-resolve\lib\RootPlugin.js:37:38 10:43:15.856 at _next43 (eval at create (D:\java\hbuilderx\plugins\uniapp-cli\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:8:1) 10:43:15.856 at eval (eval at create (D:\java\hbuilderx\plugins\uniapp-cli\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:31:1) 10:43:15.856 at D:\java\hbuilderx\plugins\uniapp-cli\node_modules\enhanced-resolve\lib\Resolver.js:285:5 10:43:15.856 at eval (eval at create (D:\java\hbuilderx\plugins\uniapp-cli\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:27:1) 10:43:15.856 at D:\java\hbuilderx\plugins\uniapp-cli\node_modules\enhanced-resolve\lib\DescriptionFilePlugin.js:67:43 10:43:15.856 at D:\java\hbuilderx\plugins\uniapp-cli\node_modules\enhanced-resolve\lib\Resolver.js:285:5 10:43:15.856 at eval (eval at create (D:\java\hbuilderx\plugins\uniapp-cli\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:16:1) 10:43:15.857 at D:\java\hbuilderx\plugins\uniapp-cli\node_modules\enhanced-resolve\lib\Resolver.js:285:5 10:43:15.857 at eval (eval at create (D:\java\hbuilderx\plugins\uniapp-cli\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:15:1) 10:43:15.857 at D:\java\hbuilderx\plugins\uniapp-cli\node_modules\enhanced-resolve\lib\DirectoryExistsPlugin.js:27:15 10:43:15.857 at D:\java\hbuilderx\plugins\uniapp-cli\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:85:15 10:43:15.857 at process.processTicksAndRejections (node:internal/process/task_queues:77:11)
10-15
由于用户的问题是关于在uni-app项目中使用webpack构建时出现的无法解析'mpvue-echarts/src/ec-canvas'模块的问题，我将针对此问题提供解决方案。 根据引用[1]和引用[4]的提示，我们可以知道在使用mpvue-echarts时...
Uniapp - Vuex 数据持久化存储
王龙鑫的博客
11-24 3966
由于vuex数据刷新后会失效，需要配合Storge缓存，达到刷新不失效，但是每次都去读取Storge又很麻烦，推荐如下方式解决 使用 vuex-persistedstate 下载js 文件 链接：https://pan.baidu.com/s/1nvZjaxBSj_tKiYVVoJu9iQ 提取码：1s3u 在Store.js里引入文件 import Vuex from "vuex"; import Vue from "vue"; Vue.use(Vuex); import createPersiste.
uniapp-vue3 如何使用友盟的社会化分享
07-01
我们正在处理一个UniApp Vue3项目中集成友盟社会化分享功能的问题。根据用户要求，我们需要提供实现方法。分析：1.UniApp是一个使用Vue.js开发跨平台应用的框架，支持编译到多个平台。2.友盟（Umeng）提供社会化分享...
uniapp拨打电话功能失效问题解决方案
然而，开发者在完成前端逻辑编写并成功在H5或微信小程序环境中测试拨号功能后，往往在将项目打包为原生Android应用时遇到“拨打电话功能失效”的问题。这一现象的核心原因并非前端代码错误，而是由于缺少必要的...
uniapp-uniapp + vue3 + pinia 搭建uniapp模板
小白小白从不日别的博客
10-15 3443
pnpm 跟 npm 和 yarn 的差距就是把原来每个项目安装 modules 放到统一的文件夹中，通过符号链接(软连接)和硬链接，注意项目要和 pnpm 统一存依赖的 modules 同盘，不然就等于丢失了 pnpm 的优势。首先，执行 npx tailwindcss init -p 命令会给我们自动生成 tailwind.config.js 文件在项目根目录下。这里首先需要在 static 目录下新建，style子目录，并在该子目录下新建 tailwind.css 文件。
uni-app自定义组件components导入失败或页面不显示文本等
github_53963510的博客
04-07 8850
引入不成功则考虑以下几个问题： 是 components 而非 component 导入后的命名方式采用驼峰命名法 检查需要引入的文件路径和文件名是否正确
uniapp引入uviews组件无效
资深Bug开发大师
05-11 2046
【代码】uniapp引入uviews组件无效。
uniapp开发小程序引入组件报错Component is not found in path
weixin_67941232的博客
09-09 1万+
微信小程序报错Component is not found in path
uni-app组件失效解决方案
纸鸢的博客
04-30 5492
uni-app组件失效解决方案 1、在官网找到该组件，拷贝官方dome到一个新的项目中，并运行 2、如果dome正常运行，则说明是自身代码问题；如果dome也不能正常运行，则为HBuiderx版本问题 3、如果出现第一种问题，建议仔细与官网dome对照查看代码，如果没问题就查看是否是其他影响；如果出现第二种问题，则需查看HBuiderx的版本问题，如果是最新版则切换到上一个版本，如果不是可以更新到...
uniapp使用组件报错：Error: 组件 Btn 引用错误,仅支持 import 方式引入组件
南北极之间
02-18 2241
本来使用了一个组件btn，但是只是在页面上删除了那个组件，但是忘记删掉components内的内容了。把下面也删掉之后，就不报错了。
uniapp 中 引入vant组件 和 vant 报错Unclosed bracket 的问题解决
weixin_44168929的博客
06-28 3908
在uniapp 中引入vant组件，遇到一个报错，所以在此记录一下完整过程。
uniapp微信小程序中主包引用分包组件，报错Component is not found in path
yuansu_727的博客
03-18 2251
componentPlaceholder中配置的文件名需要和name一致，如果不是驼峰的是可以，但是驼峰的不能直接和name一致
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值