uniapp項目--運行多端小程序


轉化原因:嘗試多端開發運行

步驟一:

win+R -cmd 在命令行中運行:npm install miniprogram-to-uniapp -g 安裝node-v12.17.0-x64.msi文件,

步驟二:

繼續在命令行中輸入:wtu -V 正常顯示版本后,就已經是安裝成功了。

步驟三:

在命令行中輸入: wtu -i "你的小程序所在路徑" -o "輸出路徑(或目錄,可不填)",如: wtu -i H:\Download\小程序\微信開發者工具\xcrcw ,回車會在同級目錄下得到一個后綴為_uni的文件,就是你需要的uniapp項目了。

步驟四:

在HBuilderX 中導入后綴為_uni的文件,如果你的HBuilderX 工具欄中 項目管理器圖標主題 是HBuilderX圖標或HBuilderX圖標(彩色)就能從左側項目目錄中發現圖標已經是uniapp的標志了。

運行項目踩坑

一 、運行報錯,這個錯誤也看不懂是什么意思,看不出來是為什么報的錯,項目有兩個頁面是這個錯誤,后來排查發現是

 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js):
16:23:20.116 語法錯誤: Unexpected token, expected "," (1:3162)

這個textarea標簽內有這個注釋掉的一行字,雖然注釋掉了,但是它是在文本標簽內部的會自動編譯要把它去掉。

<textarea hidden="{{showMask}}" name="gsjj" value="{{company_nodes}}" maxlength="-1" bindinput='textarea'>
<!-- <template is="wxParse" data="{{wxParseData:position_details.nodes}}"/> -->
</textarea>

二、mainfest.json 文件配置uni-app的標識(AppID);再一個就是App.vue頁面umtrack-wx的路徑import "./node_modules/umtrack-wx";

三、但你轉化為uniapp時,圖片會自動放在static文件夾中 ,其路徑也會自動變化src="/static/images/moblie-icon3.png" ,但是總會有個別的遺漏 ,可能是你用了判斷 如::src="current == 0?'/static/images/zhaorenblue.png':'/static/images/zhaorengrey.png'"這個時候就需要你自己添加了;

四、本地測試運行到小程序時要在項目欄目詳情中選中 ‘不校驗合法域名、web-view(業務域名)、TLS版本以及HTTPS證書’。

注意:微信小程序中沒有在pages.json配置的頁面路徑也可以跳轉運行,但是在轉化為uniapp后出現跳轉不動現象,要在pages.json中添加path。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM