-
问题:
浏览器无法识别.vue
文件,移动端也无法识别,无法直接对vue项目打包 -
解决方法:
第一步:在vue.config.js
中配置相对路径
第二步:将vue项目打包成html、css、js文件
第三步:再将html等文件打包成app -
具体步骤如下:
- 打包vue项目:
npm run built
-
在HBuilderX中导入vue项目打包后生成的dist文件夹
导入vue项目中的dist文件夹 - 调试项目
问题:无法进行真机调试(模拟器调试)
原因:缺少配置文件manifest.json
无法真机调试或运行到模拟器的原因
解决方法:复制 在HBuilderX创建好的5+App项目中配置文件manifest.json
,并进行相应配置的修改,粘贴到vue项目文件夹中的中public
文件夹中,重新打包,重新导入dist
文件夹
注意:重新打包时,要把HBuilderX关闭,否则会打包失败(HBuilderX在占用dist
文件夹)
- 打包vue项目:
网友评论