前端开发记录:小程序开发者工具报错

一、报错信息:[获取文件失败] 以下文件已被配置忽略打包上传,模拟器无法获取

image.png

解决方法
1、取消自动过滤无依赖文件的设置
修改配置文件:在微信开发者工具的project.config.json文件中,添加以下代码:

"ignoreUploadUnusedFiles": false,
"ignoreDevUnusedFiles": false

2、检查代码
如果是vue2的项目,注意查看子组件引入过程中是否使用了components进行注册

3。清理缓存
如果修改配置后问题仍未解决,可以尝试清理缓存。在微信开发者工具中,依次点击“详情”-“本地设置”,取消勾选“上传时过滤无依赖文件”选项

4、更新依赖库版本
有时第三方库的更新会改变默认行为或引入新的编译选项,确保所有框架及插件处于最新稳定版

二、报错信息:Component is not found in path "xxxxxxxxxxxxx" (using by "xxxxxxxxxxxxx")

image.png

解决方法
1、检查组件路径
检查你的组件路径是否正确。确保文件夹结构正确,并且文件名与你在 Vue 文件中引用它的方式相匹配。

2、检擦大小写
确保在引用组件时大小写正确。文件系统在某些操作系统(如 Linux)中是大小写敏感的,而在 Windows 中通常不是。

3、异步组件加载
如果你使用了异步组件加载,确保你的导入语法正确。例如:

const PayPopup = () => import('./ticketPages/components/PayPopup.vue');

4、检查是否属于跨包引入
微信小程序、支付宝小程序等平台,在 使用分包功能 的情况下,有一个限制:主包中的页面不能直接引用分包中的组件,反之亦然。需要将组件提升到主包中

链接汇总

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容