小程序模板網(wǎng)

微信小程序開發(fā)錯誤修改方法筆錄

發(fā)布時間：2018-02-01 16:17 所屬欄目：小程序開發(fā)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的時候出錯不能夠正常得到網(wǎng)站的數(shù)據(jù)，后來發(fā)現(xiàn)，官方給的那個默認值需要改一下，也就是
      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就會出出現(xiàn)上述錯誤

 

3  微信小程序，循環(huán)提取數(shù)據(jù)bug，不能夠循環(huán)提取已有的數(shù)組中的數(shù)據(jù)。

 

[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}}"之后就能正常輸出數(shù)據(jù)了。
        <image src="item.images.medium" mode="aspectFit"/>數(shù)代碼改成<image src="{{item.images.medium}}" mode="aspectFit"/>
其中item代表當前這個數(shù)據(jù)即movies[i]因此通過兩個大括號提取出來其中的數(shù)據(jù)就可以運行輸出了。

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(你外部用的函數(shù)名): processSubject（內部聲明的函數(shù)名）,
  processSubjects: processSubjects
}




6  提示錯誤：appservice:16 GET http://api.douban.com/v2/movie/in_theaters net::ERR_NETWORK_CHANGED
檢查以下自己電腦的網(wǎng)絡，或者重啟開發(fā)者程序。


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文件里面定義函數(shù)就不會出錯。但是沒有解決調用其它文件里封裝的函數(shù)。


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


易優(yōu)小程序（企業(yè)版）+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址：http://www.u-renovate.com/wxmini/doc/bug/21338.html 復制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢：800182392 點擊咨詢
QQ在線咨詢
AI智能客服 ×