HBuilderX-真机调试Vue项目

  • 问题：
    浏览器无法识别.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文件夹）
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容