今天給各位分享小程序開發(fā)常見問(wèn)題的知識(shí)，其中也會(huì)對(duì)小程序的問(wèn)題進(jìn)行解釋，如果能碰巧解決你現(xiàn)在面臨的問(wèn)題，別忘了關(guān)注本站，現(xiàn)在開始吧！

本文目錄一覽：

• 1、小程序編譯的時(shí)候有報(bào)錯(cuò)登錄之后就沒(méi)有了
• 2、微信小程序開發(fā)存在哪些問(wèn)題，如何解決
• 3、開發(fā)微信小程序需要注意什么？
• 4、小程序存在哪些問(wèn)題?

小程序編譯的時(shí)候有報(bào)錯(cuò)登錄之后就沒(méi)有了

小程序開發(fā)過(guò)程中會(huì)出現(xiàn)錯(cuò)誤，本文總結(jié)了一些微信小程序開發(fā)常見的錯(cuò)誤以及解決方法，能幫助初學(xué)者少走彎路

不管是什么樣的開發(fā)語(yǔ)言都有一套規(guī)則，不管是開發(fā)網(wǎng)頁(yè)，APP還是小程序，開發(fā)過(guò)程中也都會(huì)出現(xiàn)錯(cuò)誤，作為開發(fā)者，出現(xiàn)bug是一件很打擊自信同時(shí)影響心情的事，出現(xiàn)開發(fā)錯(cuò)誤就意味著開發(fā)者不得不花費(fèi)額外的時(shí)間去找到問(wèn)題解決。本文總結(jié)了一些微信小程序開發(fā)常見的錯(cuò)誤以及解決方法，能幫助初學(xué)者少走彎路，避免類似的錯(cuò)誤。

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

微信小程序開發(fā)常見錯(cuò)誤解決方法

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

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

微信小程序開發(fā)常見錯(cuò)誤解決方法

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

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

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

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

微信小程序開發(fā)常見錯(cuò)誤解決方法

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

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

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

微信小程序開發(fā)存在哪些問(wèn)題，如何解決

1、域名必須是HTTPS

非HTTPS的域名不被微信小程序允許。

2、input組件placeholder字體顏色

寫在placeholder-class里面的color并不生效，需要寫在placeholder-style里面就可以了。

3、wx.navigateTo無(wú)法跳轉(zhuǎn)到帶tabbar的頁(yè)面

帶有tabbar的頁(yè)面，必須使用wx.switchTab進(jìn)行跳轉(zhuǎn)。

4、tabbar在切換時(shí)頁(yè)面數(shù)據(jù)無(wú)法刷新

tabbar的實(shí)現(xiàn)可能是顯示和隱藏view，所以，不會(huì)一直調(diào)用page.onLoad()方法，可以嘗試把代碼邏輯寫在page.onShow()里面。

5、如何獲取shareTickets

獲取shareTickets需要在app.onLaunch或者app.onShow里面才能獲取到，而不是page.onShow，請(qǐng)一定要注意。

注：建議在app.onShow里面去獲取，app.onLaunch不是一直會(huì)執(zhí)行。

6、getPhoneNumber獲取手機(jī)號(hào)

目前該接口針對(duì)非個(gè)人開發(fā)者，且完成了認(rèn)證的小程序開放。個(gè)人開發(fā)者是沒(méi)辦法調(diào)用這個(gè)API的。

7、wx.previewImage圖片預(yù)覽

預(yù)覽的圖片URL必須是HTTPS開頭，不能是本地圖片。

8、wx.playVoice音頻播放

必須保證音頻文件已經(jīng)在本地，比如在wx.startRecord后，可以獲取到filePath?；蛘咛崆罢{(diào)用wx.downloadFile來(lái)下載資源文件，然后再播放。

9、API老版本兼容

可以用wx.canIUse或者wx.getSystemInfoSync來(lái)進(jìn)行判斷，老版本給出相應(yīng)提示即可。

10、獲取系統(tǒng)信息

wx.getSystemInfo，可得到系統(tǒng)語(yǔ)言、屏幕寬高、微信版本號(hào)、操作系統(tǒng)、設(shè)備像素比、客戶端甚礎(chǔ)庫(kù)版本等信息。

11、如何去掉自定義button灰色的圓角邊框

主要是button的偽元素設(shè)置了樣式，去掉即可： button::after{ display: none;}。

12、回到頁(yè)面頂部

回到頁(yè)面頂部，有兩種方式：

A、使用scroll-view設(shè)置為縱向滾動(dòng)，然后設(shè)置scroll-top值；

B、使用wx.pageScrollTo方法，此方法是1.4.0開始支持，所以要做低版本兼容；

13、input textarea是APP的原生組件，z-index層級(jí)最高

有做過(guò)搜索框的同學(xué)，可能會(huì)遇到IOS下面，設(shè)置icon的z-index后，依然無(wú)法顯示。建議做顯示隱藏效果：點(diǎn)擊之前是一個(gè)view，點(diǎn)擊之后隱藏view，顯示input~。

14、小程序如何冷啟動(dòng)

小程序的機(jī)制，是在退出五分鐘內(nèi)進(jìn)入，就會(huì)顯示的是退出前的頁(yè)面，如果你希望進(jìn)入小程序都相當(dāng)于冷啟動(dòng)的方式，直接進(jìn)入主頁(yè)面。你可以在page的onUnload里面里面set一個(gè)值，然后在app的onShow的時(shí)候判斷這個(gè)值，然后決定是否跳到首頁(yè)~

15、一段文字如何換行

小程序中唯一可以實(shí)現(xiàn)換行的標(biāo)簽組件是text。

注：text中不支持br，只能使用\n進(jìn)行換行。

16、設(shè)置最外層標(biāo)簽的margin-bottom在IOS下不生效

margin-bottom在安卓和開發(fā)工具里面都正常，就是在IOS下不起效，建議改成padding-bottom。

17、小程序中canvas的圖片不支持base64格式

base64格式圖片，在開發(fā)工具里面可以正常顯示，真機(jī)上沒(méi)有顯示。建議修改成帶https開頭的url形式。

二，可以直接在第三方平臺(tái)上面開發(fā)小程序

開發(fā)微信小程序需要注意什么？

制作小程序看似簡(jiǎn)單，但是其中需要掌握的技巧還是很多的，只不過(guò)對(duì)于很多新手來(lái)說(shuō)，是一頭霧水的，下面，針對(duì)這一問(wèn)題，我們就來(lái)看一下在小程序開發(fā)中需要注意哪些方面。

一、了解客戶群體，深挖客戶需求

制作小程序，本身就是為了拓寬自己的銷售渠道，增加客戶群體，讓用戶買得方便，買得快捷。所以在制作小程序之前，一定要了解自己的客戶群體，深挖客戶需求，根據(jù)客戶來(lái)進(jìn)行店鋪設(shè)計(jì)等等，如果不能讓自己的客戶群體滿意，幫助不了客戶解決問(wèn)題，那么店鋪也將不再具備吸引力。

二、店鋪布局清晰，模塊簡(jiǎn)明扼要

小程序的店鋪整體布局一定要遵從一定的邏輯，布局要清晰明了。一般一個(gè)店鋪中的主要部分包括，banner、商品導(dǎo)航欄、商品分類、優(yōu)惠模塊、個(gè)人主頁(yè)等。

在進(jìn)行模塊劃分時(shí)，一定要注意主次，將店鋪主打放置在首頁(yè)醒目的位置，輪播圖片盡量選擇高清大圖，而且一定要美觀，可以頓時(shí)吸引用戶的目光，讓顧客快速了解店鋪。

除此之外，商家還可以在小程序中適量穿插視頻模塊，優(yōu)惠券模塊、特價(jià)專區(qū)等等，頁(yè)面流暢地展現(xiàn)在用戶眼前。

針對(duì)商品詳情，商家可以在其中加入產(chǎn)品直拍視頻、商品細(xì)節(jié)圖片展示等等，讓用戶更加了解商品，刺激用戶購(gòu)買。

三、吸引人的營(yíng)銷文案，刺激用戶瀏覽購(gòu)買

一個(gè)吸引人的營(yíng)銷文案可以讓小程序高效引流，實(shí)現(xiàn)用戶轉(zhuǎn)化。比如營(yíng)銷時(shí)推出的優(yōu)惠券信息、符合商品特性的個(gè)性化介紹等等，如美妝行業(yè)：可以專門設(shè)置一個(gè)種草專區(qū)，標(biāo)題寫上：“時(shí)尚護(hù)膚全方位，天然魅力零距離”，讓用戶感受到滿滿的創(chuàng)意和誠(chéng)意，與用戶共情，刺激用戶進(jìn)店瀏覽并購(gòu)買。

四、更快觸達(dá)，減少頁(yè)面跳轉(zhuǎn)，提升用戶滿意度

用戶進(jìn)店購(gòu)買東西，其實(shí)最煩的就是彈窗一個(gè)接一個(gè)，跳轉(zhuǎn)一個(gè)接一個(gè)，才能找到自己想找的商品，這樣會(huì)讓用戶感覺(jué)繁瑣，很容易造成用戶流失，用戶的滿意度也會(huì)大大降低。所以在制作小程序時(shí)，盡量做到更快觸達(dá)，進(jìn)一步提升用戶的購(gòu)物體驗(yàn)。

城類小程序是當(dāng)下最常見的小程序類型，需要具備店鋪管理，商品上下架，支付下單，訂單處理，在線客服，快遞物流，客戶管理等基礎(chǔ)功能，以及做營(yíng)銷所需的拼團(tuán)、秒殺、砍價(jià)、優(yōu)惠券、滿減送、直播、會(huì)員卡等營(yíng)銷工具。

針對(duì)商城類的細(xì)節(jié)方面也是萬(wàn)萬(wàn)不可忽視的，如果你是新手，對(duì)于小程序還不太了解，但是又想制作小程序，可以直接通過(guò)得有店一鍵生成適合自己店鋪經(jīng)營(yíng)情況的線上商城，直接一鍵套用行業(yè)模板，還可自由DIY設(shè)計(jì)，拖拽式組合搭建，就像搭積木一樣簡(jiǎn)單。

開發(fā)小程序需要注意的方面有很多，以上只是其中的幾種，希望對(duì)你有用。

小程序存在哪些問(wèn)題?

小程序自從2017年1月份上線，從剛開始存在的只能實(shí)現(xiàn)核心功能，很多平臺(tái)能力無(wú)法接入等等詬病，到經(jīng)過(guò)將近五年的發(fā)展，小程序能夠?qū)崿F(xiàn)的功能和多方賦能已經(jīng)越發(fā)豐富了。如果要說(shuō)小程序還存在哪些問(wèn)題，那應(yīng)該有用戶使用率和活躍度不是很高，無(wú)法跳轉(zhuǎn)至APP等，相信隨著小程序開發(fā)技術(shù)和接口的不斷成熟，這些問(wèn)題都能在未來(lái)幾年得到解決。

小程序開發(fā)常見問(wèn)題的介紹就聊到這里吧，感謝你花時(shí)間閱讀本站內(nèi)容，更多關(guān)于小程序的問(wèn)題、小程序開發(fā)常見問(wèn)題的信息別忘了在本站進(jìn)行查找喔。