1. 程式人生 > 其它 >Hbuilder編寫小程式

Hbuilder編寫小程式

錯誤解決

1、如果出現:預編譯器錯誤:程式碼使用了scss/sass語言,但未安裝相應的編譯器外掛,請前往外掛市場安裝該外掛,到外掛中搜索scss/sass並下載安裝。

安裝外掛:(DCloud需要使用郵箱,這裡使用[email protected],密碼已重置為LHJshr168)

2、開啟IDE失敗

[微信小程式開發者工具] Fail to open IDE

方法1:在manifest.json中將AppID設定為空‘’。弊端是微信支付等模組不可用

方法2:如下圖,改為自己的AppID

除錯單據頁面

1、比如,想除錯的頁面是pages/about/about

①使用Hbuilder除錯小程式,對單獨頁面除錯時(如下圖),出現:[微信小程式開發者工具] [error] IDE service port disabled. To use CLI Call, please enter y to confirm enabling CLI capability, or manually open IDE -> Settings -> Security Settings, and set Service Port On.翻譯過來:IDE服務埠被禁止了,要使用CLI 呼叫,請輸入y確認CLI功能開啟,或手動模式:開啟IDE-設定-安全設定,將服務埠開啟,開啟後狀態如圖(服務埠原來是關閉狀態)。

②原來path後面是" ",現在想除錯pages/about/about,改為"about"後再編譯,出現下圖,/about.wxml未找到。解決方案:"path":"pages/about/about"

按正確寫法後,重新執行,出現預期的介面:

需要更改為自己商城名字的地方

1、 設定,進入manifest.json,在基礎設定中,可以設定專案的名稱。

2、page.json

3、pages/about/about.vue頁面: