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

 

开发一个微信小程序对于很多开发者来说,比起开发一个app,一个网页,都非常容易,这也因此给许多开发新人带来机会,但是或多或少在微信小程序开发过程总也会出现一些错误,一些bug,这里小编就微信小程序开发过程中,开发者常出现的错误来进行整理其解决方法,避免初学者少走弯路。

 

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

1:出现“Expecting ‘String,‘Number,‘NULL,‘True....’”’’的错误提示。

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

解决方法:

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

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

2:出现“脚本错误或者未正确调用Page()”的错误提示。

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

解决方法:

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

3: 出现“ 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文件里使用绝对路径。

4:出现警告信息“Now you can provide attr wx:keyfor a wx:for to improve performance”的问题。

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

解决方法:

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

5:小程序如何快速创建页面文件?

解决方法:

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

小程序工具提供多类型商城/门店小程序制作,可视化编辑 1秒生成5步上线。通过拖拽、拼接模块布局小程序商城页面,所看即所得,只需要美工就能做出精美商城。

以上就是这篇微信小程序开发常见问题及解决方法,如果有其他问题,可以在本网站查询。



【本站声明】
  1、本站文章中所选用的图片及文字来源于网络以及用户投稿,由于未联系到知识产权人或未发现有关知识产权的登记,如有知识产权人并不愿意我们使用,如果有侵权请立即联系。
  2、本网站不对文章中所涉及的内容真实性、准确性、可靠性负责,仅系客观性描述,如您需要了解该类商品/服务详细的资讯,请您直接与该类商品/服务的提供者联系。


KESION 科汛软件

KESION 科汛软件是国内领先的在线教育软件及私域社交电商软件服务提供商,长期专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。
公司核心产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化独立部署品牌网校和在线教育咨询等。

KESION 不断通过技术创新,提供产品和服务,助力企业向数字化转型,通过科技驱动商业革新,让商业变得更智慧!



▼点击进入科汛官网了解更多



上/下篇
  • 微信小程序开发多线程处理机制worker

  • 微信小程序开发文档之本地调试配置如何搭建

换一换相关推荐
精选内容
热点精选