美文网首页
uniapp 组件编译到 微信开发工具 Component is

uniapp 组件编译到 微信开发工具 Component is

作者: 南土酱 | 来源:发表于2022-11-24 17:06 被阅读0次

今天在某个组件下导入其他组件

image.png
明明在 浏览器上浏览的时候是可以的。在uniapp 打包之后 去微信小程序开发者工具运行就报错了。
大概报错的图是这样的
这个是我改了名称还报错的图,一开始以为是名称不能带 - 横线
其实 pages-index 就是 pagesA ,,,pages-login 就是 pagesB
b33ca6ca17ae150e2b1372f9e7fc76f.jpg

去百度一下,很多人都说是 微信开发者工具的问题,重新退出,导入一下。
或者缺少什么包。以下是我百度的结果。但是都无法解决

image.png
image.png
image.png
这个页面可能会帮到大家->>>
[编译提示Component is not found in path | 微信开放社区 (qq.com)]
(https://developers.weixin.qq.com/community/develop/doc/000ea2c7030b001964e8ea16851400)

但是最终还是我自己解决了

思路: : 我想起因为我 import 两个vue 文件,它们应该算是 组件级别的。如果在 pages.json 里边还配置了同样路径的 可能会引起报错。浏览器可能无所谓,但是微信小程序是有限制的。小程序规定 pages.json 的页面或者 vue 文件为 页面级的。
image.png
我在pages.json 里对这个两个文件夹进行了分包配置,就会导致报错。注释即可

原因:: 因为分包也是页面级的 ,而我在 main下的 index.js 进行了 import 所以是组件级,发生冲突了

同样的道理,读者可以检查一下自己 pages.json 是否对其配置了 其他项, 例 如 tabBar 和 pages .

\color{#228B22}{前端学习小总结,不对之处,欢迎大神们喷我。可以的话顺手点个赞吧~~!}

\color{red}{警: 禁止抄袭,转载说明出处 🤨}

相关文章

网友评论

      本文标题:uniapp 组件编译到 微信开发工具 Component is

      本文链接:https://www.haomeiwen.com/subject/vabzxdtx.html