秦绍鹏
秦绍鹏
Published on 2025-04-09 / 20 Visits
0
0

微信小程序报错 未找到 ["pages"][4] 对应的 pages/color-picker/color-picker.js 文件

前言

今天在开发微信小程序过程中,发现了一件非常离奇的事情,文件内容以及文件路径都正确,但是控制台就是显示 未找到 ["pages"][4] 对应的 pages/color-picker/color-picker.js 文件 。找了网上很多解决办法最后都已失败告终。

解决方法

*尝试过的解决方法

  • 重新编译

  • 把文件删除重新创建

  • 将项目重新导入

  • 修改文件名 (使用了这个方法之后,渲染的时候还是原先的文件名,最后修改好几次,修改文件名渲染成功了,但是报错依旧)

  • 修改app.json文件 不渲染出错页面,最后导致报错 [ WXML 文件编译错误] undefined 当然我怀疑不是这个原因,但是跟这个报错有关联。

最终解决方法

  1. 修改app.json,移除有问题的文件夹和页面(要先备份)。

  2. 之后在备份的项目里面,把文件夹名字和文件名字都改成驼峰命令法 或者其他命名方式,不能是我这种 “xx-xx”,我怀疑项目出错就是我的命名方法问题。

  3. 之后再次导入项目,然后渲染,成功运行!

总结

我个人觉得本次报错就是我的命名方式,不能用这种 xx-xx的命名方式,而是使用常见的命名方法(比如驼峰命名法)。另外提到的[ WXML 文件编译错误] undefined 不一定是该报错导致的,只是我的个人推测。

这个报错折腾了我一个小时,最后还是以重新创建项目解决。还好我这个项目是一个练习小项目,大家在做微信小程序项目的时候一定要注意命名规范以及其他结构和逻辑的合理解决。


Comment