1. 程式人生 > >微信小程式開發中常見問題及解決方法

微信小程式開發中常見問題及解決方法

本文章總結小程式開發中常見的錯誤問題。希望能幫助初學者少走彎路,避免類似的錯誤。

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  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”,然後儲存專案,奇蹟發生了!(哇!)用這種方式建立檔案不僅快捷,而且頁面檔案會自動新增一些預設程式碼,防止出錯。