美文网首页
HBuilderX-真机调试Vue项目

HBuilderX-真机调试Vue项目

作者: 锦锦_jane | 来源:发表于2020-05-04 19:45 被阅读0次
    • 问题:
      浏览器无法识别.vue文件,移动端也无法识别,无法直接对vue项目打包
    • 解决方法:
      第一步:在vue.config.js配置相对路径
      第二步:将vue项目打包成html、css、js文件
      第三步:再将html等文件打包成app
    • 具体步骤如下:
      1. 打包vue项目:npm run built
      2. 在HBuilderX中导入vue项目打包后生成的dist文件夹


        导入vue项目中的dist文件夹
      3. 调试项目
        问题:无法进行真机调试(模拟器调试)
        原因:缺少配置文件manifest.json
        无法真机调试或运行到模拟器的原因
        解决方法:复制 在HBuilderX创建好的5+App项目中配置文件manifest.json,并进行相应配置的修改,粘贴到vue项目文件夹中的中public文件夹中,重新打包,重新导入dist文件夹
        注意:重新打包时,要把HBuilderX关闭,否则会打包失败(HBuilderX在占用dist文件夹)

    相关文章

      网友评论

          本文标题:HBuilderX-真机调试Vue项目

          本文链接:https://www.haomeiwen.com/subject/sniyghtx.html