HBuilderX開發(fā)小程序的常見問題有哪些

這篇文章給大家分享的是有關(guān)HBuilderX開發(fā)小程序的常見問題有哪些的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

第一步：你要有一個微信小程序，在微信開發(fā)者平臺上

至于怎樣申請微信開發(fā)者appid和微信開發(fā)者平臺上面的東西可以自己去百度下，重點講的是在HBuilderX開發(fā)小程序

第二步：在你的微信開發(fā)者工具里面新建一個小程序

第三步：把你新建好的項目導入到HBuilderX里面去

然后點擊運行--運行到小程序模擬器，就可以自動打開微信開發(fā)者工具，就可以實現(xiàn)在Hbuilder開發(fā)，微信開發(fā)者工具預覽。但是?。?！如果一切正常的情況下是這樣的，如果不正常的話，那你將很難受，好在我已經(jīng)填了許多坑，我就把不正常的情況給大家說下。

首先，如果你已經(jīng)導入了項目到hbuilderx里面，但是點擊運行時，運行到小程序那一行是不可點或者點了之后控制臺報不能連接到微信開發(fā)者工具，這時候你就要打開自己的微信開發(fā)者工具了，如圖下操作

在微信開發(fā)者工具的上方 點擊設(shè)置--安全設(shè)置

ok,這時候你就可以在hbuilderx開發(fā)，微信開發(fā)者工具里預覽了。但是如果你沒有申請到appid的話在微信開發(fā)者里面只能pc端預覽，而不能手機掃碼預覽，因為它會提示你本項目不是開發(fā)者開發(fā)。

還有一個問題是引用vant庫時的報錯

當我按照所有流程來時

第一步：npm i vant-weapp -S --production

第二步：

第三步：就是在你的代碼里寫下

<van-button type="primary">按鈕</van-button>

這時候你運行的時候他就開始調(diào)皮了

這個問題我在度娘還愣是沒找到完全的解決方案

這時候就又要回到微信開發(fā)者工具了 點擊設(shè)施--項目設(shè)置

然后再hbuilderx里面打開該項目的命令行工具輸入以下命令

npm init
npm install --production vant-weapp

這時候你再回到hbuilderX里面你會發(fā)現(xiàn)多了一個文件

然后再在你要用到的文件json里面寫下路徑

{
  "usingComponents": {
		 "van-button": "vant-weapp/button/index"
	}
}

感謝各位的閱讀！關(guān)于“HBuilderX開發(fā)小程序的常見問題有哪些”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！