淺談HBuilderX開發(fā)小程序的一些問題
第一步：你要有一個微信小程序，在微信開發(fā)者平臺上
至于怎樣申請微信開發(fā)者appid和微信開發(fā)者平臺上面的東西可以自己去百度下，重點講的是在HBuilderX開發(fā)小程序
第二步：在你的微信開發(fā)者工具里面新建一個小程序
第三步：把你新建好的項目導入到HBuilderX里面去
然后點擊運行--運行到小程序模擬器，就可以自動打開微信開發(fā)者工具，就可以實現(xiàn)在Hbuilder開發(fā)，微信開發(fā)者工具預覽。但是！?。∪绻磺姓５那闆r下是這樣的，如果不正常的話，那你將很難受，好在我已經填了許多坑，我就把不正常的情況給大家說下。
首先，如果你已經導入了項目到hbuilderx里面，但是點擊運行時，運行到小程序那一行是不可點或者點了之后控制臺報不能連接到微信開發(fā)者工具，這時候你就要打開自己的微信開發(fā)者工具了，如圖下操作
在微信開發(fā)者工具的上方 點擊設置--安全設置
ok,這時候你就可以在hbuilderx開發(fā)，微信開發(fā)者工具里預覽了。但是如果你沒有申請到appid的話在微信開發(fā)者里面只能pc端預覽，而不能手機掃碼預覽，因為它會提示你本項目不是開發(fā)者開發(fā)。
還有一個問題是引用vant庫時的報錯
當我按照所有流程來時
第一步：npm i vant-weapp -S --production
第二步：
第三步：就是在你的代碼里寫下
<van-button type="primary">按鈕</van-button>
這時候你運行的時候他就開始調皮了
這個問題我在度娘還愣是沒找到完全的解決方案
這時候就又要回到微信開發(fā)者工具了 點擊設施--項目設置
然后再hbuilderx里面打開該項目的命令行工具輸入以下命令
npm init npm install --production vant-weapp
這時候你再回到hbuilderX里面你會發(fā)現(xiàn)多了一個文件
然后再在你要用到的文件json里面寫下路徑
{
"usingComponents": {
"van-button": "vant-weapp/button/index"
}
}到此這篇關于淺談HBuilderX開發(fā)小程序的一些問題的文章就介紹到這了,更多相關HBuilderX開發(fā)小程序內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
Javascript中Microtask和Macrotask鮮為人知的知識點
這篇文章主要為大家介紹了Javascript中Microtask和Macrotask鮮為人知的知識點講解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步早日升職加薪2022-04-04
今天小編就為大家分享一篇解決layer 動態(tài)加載select 失效的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了echarts學習之如何給餅圖中間添加文字問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-03-03
這篇文章主要介紹了js調用網絡攝像頭的方法，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2020-12-12
在Javascript中為String對象添加trim,ltrim,rtrim方法
利用Javascript中每個對象(Object)的prototype屬性我們可以為Javascript中的內置對象添加我們自己的方法和屬性。2006-09-09
下面小編就為大家?guī)硪黄趇nput框覆蓋掉數(shù)字英文的實例講解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
借用Google的Javascript API Loader來加速你的網站
加速頁面加載速度有一個方法就是把CSS和JS文件放到另外一個單獨的服務器上，這樣在訪問量比較大的情況下可以分擔主服務器的壓力2009-01-01
這篇文章主要給大家介紹了關于利用微信小程序獲取當前時間及星期幾的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-09-09
下面小編就為大家?guī)硪黄猨s獲取文件里面的所有文件名(實例)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
async/await讓異步操作同步執(zhí)行的方法詳解
這篇文章主要給大家介紹了關于async/await讓異步操作同步執(zhí)行的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者使用async/await具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-11-11