小程序开发Q&A

本文总结小程序开发中常见的错误问题。

请开发者利用浏览器的搜索功能来检索关键字，快速定位到相关问题。快捷键Ctrl+F打开搜索框。

Q1：为什么会出现“脚本错误或者未正确调用Page（）”的错误提示。

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

Q2：为什么会出现“Expecting ‘String，‘Number，‘NULL，‘True....’”’’的错误提示？

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

Q3：为什么 出现“ Failed to load image http://2110932784.debug.open.weixin.qq.com/pages/posts/images/post/crab.png : the server responded with a status of 404 (HTTP/1.1 404 Not Found) From server 127.0.0.1”

A：（问题的提出和整理来自知乎ID：顽主）出现类似的这种错误，通常是由于图片的路径不对而引起的。外网的图片，我们这里不再说了，因为没有相对和绝对的路径概念，如果报错了就是你外网的图片url错了。我们说说本地的图片路径问题。请注意，如果图片路径被写在一个js文件A里，而B引用了这个js文件，那么图片的路径必须是相对于B的相对路径。所以，最好在公共的js文件里使用绝对路径。

还有一点，提醒大家，小程序对资源文件，比如图片是有缓存的，这个大家要注意。

Q4：为什么在真机预览时，会出现“缺少文件，错误信息：error:iconPath=.......file not found?”

A：在开发工具中->项目->预览时，有时候会报以上错误。错误的原因是因为，app.json的tabBar选项中，list下的iconPath出现了绝对路径 “ / ”，比如

  "list": [{
      "pagePath": "pages/movies/movies",
      "iconPath": "/images/tab/dianying.png",
      "selectedIconPath": "images/tab/dianying_hl.png",
      "text": "电影"
    }, {
        "pagePath": "pages/setting/setting",
        "iconPath": "/images/tab/set.png",
        "selectedIconPath": "images/tab/set_hl.png",
        "text": "设置"
      }],

iconPath 以 “／　”开头，就会出现以上错误。请使用相对路径，去掉　／　。

Q5：122100版本中更新的分享按钮（右上角的三个小点儿）可以去掉吗

A：不可以去掉，开发文档中的描述有问题

Q6：关于出现警告信息“ Now you can provide attr "wx:key" for a "wx:for" to improve performance“的问题。

A：首先，这只是一个警告信息，不是错误信息，不理他不会对程序运行有任何的影响。其次这是在112300版本中新增的内容。课程里没有去处理的原因在于，对于静态的只有5条数据的文章列表加入wx:key并没有任何的意义。wx：key用来对列表渲染的数据指定一个"主键”，以加快列表渲染的速度。以下是官方文档原话：如不提供 wx:key，会报一个 warning， 如果明确知道该列表是静态，或者不必关注其顺序，可以选择忽略。

如果你一定想去掉这个警告，可以在wx：for的组件属性里增加一个 wx:key="unique"，unique请替换成数据绑定列表里的任意一个字段的字段名，比如文章列表数据中的字段“postId”，即wx:key="postId"。不建议使用wx:key="*this"。

Q7：出现please do not register multiple Pages in undefined.js 错误。

A: 这多半是在 app.js里添加了Page（）。app.js是应用程序级别的不能用Page（），Page*（）只能用于页面的js文件中。app.js请使用App（）

Q8：使用background-image真机上无法显示图片？

A：background-image如果url指向的是一个网络图片，则真机可以显示。但如果url指向的是本地图片，则在模拟器里显示正常，iOS上无法显示图片。建议使用image.