微信小程序開發(fā)常見問題及解決方法

開發(fā)一個(gè)微信小程序?qū)τ诤芏嚅_發(fā)者來說，比起開發(fā)一個(gè)app，一個(gè)網(wǎng)頁，都非常容易，這也因此給許多開發(fā)新人帶來機(jī)會(huì)，但是或多或少在微信小程序開發(fā)過程總也會(huì)出現(xiàn)一些錯(cuò)誤，一些bug，這里小編就微信小程序開發(fā)過程中，開發(fā)者常出現(xiàn)的錯(cuò)誤來進(jìn)行整理其解決方法，避免初學(xué)者少走彎路。

微信小程序開發(fā)常見問題及解決方法

1：出現(xiàn)“Expecting ‘String，‘Number，‘NULL，‘True....’”’’的錯(cuò)誤提示。

解決方法：

這個(gè)錯(cuò)誤的原因在于index.json(對應(yīng)頁面的json文件 )里沒有加入{ }。即使json文件里沒有任何內(nèi)容，也需要加入一個(gè){ }，作為默認(rèn)代碼。此外，json文件不允許出現(xiàn)注釋代碼，如果有注釋的代碼，同樣會(huì)報(bào)這個(gè)錯(cuò)誤。

2：出現(xiàn)“腳本錯(cuò)誤或者未正確調(diào)用Page（）”的錯(cuò)誤提示。

解決方法：

出現(xiàn)這個(gè)錯(cuò)誤的原因通常是因?yàn)閕ndex.js (即對應(yīng)頁面的js文件)里，沒有調(diào)用Page方法。即使js文件里沒有任何代碼，也需要在js里添加一個(gè)空的 Page（{ }）。注意Page的P要大寫。

3： 出現(xiàn)“ 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”

解決方法：

出現(xiàn)這種錯(cuò)誤，通常是由于圖片的路徑不對而引起的。若是外網(wǎng)的圖片，就是你外網(wǎng)的圖片url錯(cuò)了（因?yàn)樗鼪]有相對和絕對的路徑概念）。現(xiàn)在只說說本地的圖片路徑問題。有這么一種情況，如果圖片路徑被寫在一個(gè)A.js文件里，而B.js文件引用了A.js，此時(shí)圖片的路徑必須是相對于B.js的相對路徑。建議最好在公共的js文件里使用絕對路徑。

4：出現(xiàn)警告信息“Now you can provide attr wx:keyfor a wx:for to improve performance”的問題。

解決方法：

首先，這只是一個(gè)警告信息，不是錯(cuò)誤信息，不理他不會(huì)對程序運(yùn)行有任何的影響。官方文檔原話：如不提供 wx:key，會(huì)報(bào)一個(gè) warning， 如果明確知道該列表是靜態(tài)，或者不必關(guān)注其順序，可以選擇忽略。如果你一定想去掉這個(gè)警告，可以在wx：for的組件屬性里增加一個(gè) wx:key=unique，unique請?zhí)鎿Q成數(shù)據(jù)綁定列表里的任意一個(gè)字段的字段名，比如文章列表數(shù)據(jù)中的字段“postId”，即wx:key=postId。不建議使用wx:key=*this。其實(shí)wx：key用來對列表渲染的數(shù)據(jù)指定一個(gè)主鍵”，以加快列表渲染的速度。

5：小程序如何快速創(chuàng)建頁面文件？

解決方法：

微信小程序官方文檔并沒有給出一次創(chuàng)建四種類型頁面文件的方法。但在實(shí)際開發(fā)過程中有人發(fā)現(xiàn)了快速創(chuàng)建四個(gè)文件的方法。步驟：在app.json文件下pages數(shù)組里，添加一個(gè)頁面的路徑，如果這個(gè)路徑指向的是一個(gè)不存在的文件，那么MINA框架會(huì)自動(dòng)創(chuàng)建這個(gè)頁面的四個(gè)文件。我們可以試一下，在app.json文件的pages數(shù)組里添加一項(xiàng) “pages/demo/demo”，然后保存項(xiàng)目，用這種方式創(chuàng)建文件不僅快捷，而且頁面文件會(huì)自動(dòng)添加一些默認(rèn)代碼，防止出錯(cuò)。

以上就是這篇微信小程序開發(fā)常見問題及解決方法，如果有其他問題，可以在本網(wǎng)站查詢。