HBuilderX-真機調(diào)試Vue項目

  • 問題：
    瀏覽器無法識別.vue文件，移動端也無法識別，無法直接對vue項目打包
  • 解決方法：
    第一步：在vue.config.js中配置相對路徑
    第二步：將vue項目打包成html、css、js文件
    第三步：再將html等文件打包成app
  • 具體步驟如下：
    1. 打包vue項目：npm run built

    2. 在HBuilderX中導(dǎo)入vue項目打包后生成的dist文件夾


      導(dǎo)入vue項目中的dist文件夾
    3. 調(diào)試項目
      問題：無法進行真機調(diào)試（模擬器調(diào)試）
      原因：缺少配置文件manifest.json
      無法真機調(diào)試或運行到模擬器的原因

      解決方法：復(fù)制 在HBuilderX創(chuàng)建好的5+App項目中配置文件manifest.json，并進行相應(yīng)配置的修改，粘貼到vue項目文件夾中的中public文件夾中，重新打包，重新導(dǎo)入dist文件夾
      注意：重新打包時，要把HBuilderX關(guān)閉，否則會打包失?。℉BuilderX在占用dist文件夾）
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容