小程序模板网

微信小程序开发错误修改方法笔录

发布时间:2018-02-01 16:17 所属栏目:小程序开发BUG
1  微信小程序中调用豆瓣API接口时提示错误 GET http://api.douban.com/v2/movie/in_theaters 400 的解决方法如下
[plain] view plain copy
 
  1. <span style="font-size:18px;">loadMovie:function(){  
  2.     var page=this;  
  3.     wx.request({  
  4.       url: 'http://api.douban.com/v2/movie/in_theaters', //仅为示例,并非真实的接口地址  
  5.       header: {  
  6.         'content-type': 'application/json' // 默认值  
  7.       },  
  8.       success: function (res) {  
  9.         console.log(res.data)  
  10.       }  
  11.     })  
  12.   }</span>  
以上程序请求豆瓣API的时候出错不能够正常得到网站的数据,后来发现,官方给的那个默认值需要改一下,也就是
      header: {
        'content-type': 'application/json' // 默认值
      },
以上程序中的'application/json'
需要改成'json'

之后在运行就不会出错了。

 

2  微信小程序提示错误:Cannot read property 'name' of undefined;at pages/movie/movie page processSubject function


这种错误就是在程序某个位置过多查询了,多加了一个  .name  
就比如:subject.genres下面就没有了如果加上一个subject.genres.name就会出出现上述错误

 

3  微信小程序,循环提取数据bug,不能够循环提取已有的数组中的数据。

 

[html] view plain copy
 
  1. <span style="font-size:18px;"><block wx:for="movies"wx:key="*this">  
  2.     <view class="movie">  
  3.       <view class="pic">  
  4.         <image src="item.images.medium" mode="aspectFit"/>  
  5.       </view>  
  6.       <view class="movie-info">  
  7.         <view class="base-info">  
  8.           <text>{{item.text}}</text>  
  9.         </view>  
  10.       </view>  
  11.     </view>  
  12.     <view calss="hr"></view>  
  13.   </block></span>  
以上代码中movie 无法正常提取其中的 text项
修改方法:将上述<block wx:for="movies"wx:key="*this">中的wx:for="movies"改成wx:for="{{movies}}"之后就能正常输出数据了。
        <image src="item.images.medium" mode="aspectFit"/>数代码改成<image src="{{item.images.medium}}" mode="aspectFit"/>
其中item代表当前这个数据即movies[i]因此通过两个大括号提取出来其中的数据就可以运行输出了。

4  微信小程序的背景无法充满屏幕。
在升级后的客户端默认height值改变了,需要在.wxss文件的最前端加上以下程序
page{
  height: 100%;
}

 

5  当引用其它JS文件时,在全局utils.js里配置完成后在调用窗口声明 var subjectUtil=require("../../utils/subjectUtil.js");
提示错误:Uncaught Error: module "pages/utils/subjectUtil.js" is not defined
解决方法是需要在 utils.js里写如下程序
module.exports={
  processSubject(你外部用的函数名): processSubject(内部声明的函数名),
  processSubjects: processSubjects
}




6  提示错误:appservice:16 GET http://api.douban.com/v2/movie/in_theaters net::ERR_NETWORK_CHANGED
检查以下自己电脑的网络,或者重启开发者程序。


7  当引用其它JS文件时会提示错误:
WAService.js:3 thirdScriptError


this.setData is not a function;at pages/recommend/recommend loadMovie function;at api request success callback function


TypeError: this.setData is not a function
代码如下
  

[html] view plain copy
 
  1. <span style="font-size:18px;">loadMovie: function () {  
  2.     var page = this;  
  3.     wx.request({  
  4.       url: 'http://api.douban.com/v2/movie/top250', //仅为示例,并非真实的接口地址  
  5.       header: {  
  6.         'content-type': 'json' // 默认值  
  7.       },  
  8.       success: function (res) {  
  9.   
  10.   
  11.         var subjects = res.data.subjects;  
  12.         subjectUtil.processSubjects(subjects);  
  13.         page.setData({ movies: subjects, hidden: true });  
  14.       }  
  15.     })  
  16.   }</span>  

当把subjectUtil.processSubjects(subjects);
换成page.processSubjects(subjects);的时候并且在当前js文件里面定义函数就不会出错。但是没有解决调用其它文件里封装的函数。


8  提示错误:VM131:2 Failed to load image 
          http://239319157.debug.open.weixin.qq.com/pages/detail/detail : the server responded with a status of 404 (HTTP/1.1 404 Not Found) 


          From server 127.0.0.1
   官方说法是1.5.2引入的bug。换成之前版本就不会报错,但是图片却没有显示出来,这就很尴尬了。


9  bug:按键点击效果不能够正常显示
   bug:问题7


易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/bug/21338.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询