微信小程序开发中常见问题及解决方法
2017-04-19 19:06
447 查看
本文章总结小程序开发中常见的错误问题。希望能帮助初学者少走弯路,避免类似的错误。
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 image http://xxx xxxxx:
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”,然后保存项目,奇迹发生了!(哇!)用这种方式创建文件不仅快捷,而且页面文件会自动添加一些默认代码,防止出错。
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 image http://xxx xxxxx:
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”,然后保存项目,奇迹发生了!(哇!)用这种方式创建文件不仅快捷,而且页面文件会自动添加一些默认代码,防止出错。
相关文章推荐
- 微信小程序在开发中遇到的问题与解决方法
- 微信小程序开发 不在以下合法域名列表中请参考文档 解决方法
- 微信小程序(微信应用号)开发ide安装解决方法
- 开发微信小程序 中遇到的坑 及解决方法
- 微信小程序支付签名失败,错误的解决方法,小程序支付签名paySign开发demo
- 微信小程序开发出现未找到入口 app.json 文件解决方法
- 微信小程序开发 不在以下合法域名列表中请参考文档 解决方法
- Delphi XE8中开发DataSnap程序常见问题和解决方法 (-)启动创建好的DBExpress工程时候报错了!
- jforum二次开发中常见问题及解决方法
- Windows下用Eclipse开发Hadoop程序遇到的问题及解决方法
- Delphi XE8中开发DataSnap程序常见问题和解决方法 (二)想对DBExpress的TSQLDataSet写对数据库操作的SQL语句出错了!
- Netbeans开发C程序,控制台输出中文乱码的解决方法
- 关于windows环境下QT开发ICE程序无法正确连接类库的解决方法
- sqlserver 2005 开发斑安装,出现 "SQL Server 安装程序无法获取 ASPNET 帐户的系统帐户信息"的解决方法
- 开发ffmpeg/live555常见问题错误及解决方法
- 关于BS程序开发中如何防止页面被多次提交解决方法!
- 使用Mac版Eclipse开发Android程序混淆签名打包的一个报错解决方法
- android eclipse开发环境 自动提示 程序无法响应解决方法
- 开发托管ActiveX或第三方程序托管插件时调试问题解决方法
- [置顶] IE9、IE10和IE8在程序开发中冲突,菜鸟刚发现的解决方法