微信小程序开发中常见问题及解决方法

本文章总结小程序开发中常见的错误问题。希望能帮助初学者少走弯路，避免类似的错误。

1：出现“脚本错误或者未正确调用Page（）”的错误提示。

解决方法：出现这个错误的原因通常是因为index.js (即对应页面的js文件)里，没有调用Page方法。即使js文件里没有任何代码，也需要在js里添加一个空的 Page（{ }）。注意Page的P要大写。

2：出现“Expecting

‘String，‘Number，‘NULL，‘True....’”’’的错误提示。

解决方法：这个错误的原因在于index.json( 对应页面的json文件)里没有加入{ }。即使json文件里没有任何内容，也需要加入一个{ }，作为默认代码。此外，json文件不允许出现注释代码，如果有注释的代码，同样会报这个错误。

3：出现警告信息“

Now you can provide attr "wx:key" for a "wx:for" to improve performance”的问题。

解决方法：首先，这只是一个警告信息，不是错误信息，不理他不会对程序运行有任何的影响。官方文档原话：如不提供 wx:key，会报一个 warning， 如果明确知道该列表是静态，或者不必关注其顺序，可以选择忽略。如果你一定想去掉这个警告，可以在wx：for的组件属性里增加一个 wx:key="unique"，unique请替换成数据绑定列表里的任意一个字段的字段名，比如文章列表数据中的字段“postId”，即wx:key="postId"。不建议使用wx:key="*this"。其实wx：key用来对列表渲染的数据指定一个"主键”，以加快列表渲染的速度。

4：出现“ Failed to load imagehttp://xxxxxxxx: the server responded with a status of 404 (HTTP/1.1 404 Not Found)From server 127.0.0.1”

解决方法：出现这种错误，通常是由于图片的路径不对而引起的。若是外网的图片，就是你外网的图片url错了（因为它没有相对和绝对的路径概念）。现在只说说本地的图片路径问题。有这么一种情况，如果图片路径被写在一个A.js文件里，而B.js文件引用了A.js，此时图片的路径必须是相对于B.js的相对路径。建议最好在公共的js文件里使用绝对路径。

5：小程序如何快速创建页面文件？

解决方法：微信小程序官方文档并没有给出一次创建四种类型页面文件的方法。但在实际开发过程中有人发现了快速创建四个文件的方法。步骤：在app.json文件下pages数组里，添加一个页面的路径，如果这个路径指向的是一个不存在的文件，那么MINA框架会自动创建这个页面的四个文件。我们可以试一下，在app.json文件的pages数组里添加一项 “pages/demo/demo”，然后保存项目，奇迹发生了！（哇！）用这种方式创建文件不仅快捷，而且页面文件会自动添加一些默认代码，防止出错。