原因:打包后的dist目录下的文件引用路径不对,会因找不到文件而报错导致白屏。 解决办法:修改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引入的,而你的路径不对,打开肯定是空白的。先看一下默认的路径 ...
解决空白问题 在打包之前一定要修改 config 目录下的 index.js 文件中的 bulid 模块打包配置项,否则会出现空白,如图 修改前 assetsPublicPath ,。 修改后 assetsPublicPath . 然后在根目录下执行 npm run build 会在目录下产生一个 dist 目录,dist 目录包含一个 index.html 文件和一个 static 目录 注意 ...
2019-03-13 19:03 1 2488 推荐指数:
原因:打包后的dist目录下的文件引用路径不对,会因找不到文件而报错导致白屏。 解决办法:修改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引入的,而你的路径不对,打开肯定是空白的。先看一下默认的路径 ...
第一个:vue项目打包部署后页面是空白的 因为index.html里边的内容都是通过script标签引入的,而你的路径不对,打开是空白的。 解决办法:config文件夹下的index.js文件的build中assetsPublicPath assetsPublicPath默认 ...
1,将项目目录下config文件内index.js中assetsPublicPath修改为 assetsPublicPath: './' 2,执行npm run build之后生成dist文件夹 3,打开HBuilder,文件->打开目录,如下图 选择刚才生成的dist目录,输入 ...
事先准备,开发完成的web app项目(也可以利用vue-cli脚手架构建vue模板项目),npm run dev可以正常预览的项目 1,将项目目录下config文件内index.js中assetsPublicPath修改为 assetsPublicPath: './' 2,执行npm ...
一、测试项目是否可以正确运行 指令:npm run dev 首先我们先建立一个vue的项目,本人用的是vue-cli随便建立的,然后运行项目 不必非得是像我这样的,这一步的目的只是测试一下咱们的vue项目是否可以运行 二、修改路径 ...
一、配置config/index.js 本人没有配置index.js文件,就开始进行了打包,结果最终效果是页面空白,解决了空白,接着底部图标(我是用的阿里巴巴图片)资源找不到。所以配置这步比较重要。 (1)页面空白的解决: 打开config/index.js,将build模块 ...
所有获取APi功能的接口都得在plusready事件之后调用 在index.html header中调用完API后,在需要分享的页面通过点击事件调用share方法 在Hbuilder manifest.json文件中的SDK配置中的plus.share微信消息 ...
楼主是使用vue-cli构建的页面,代码是vscode,然后使用hbuilder打包成移动端的安装包。首先确认在npm run build 之后没有问题(默认dist文件夹),可以使用anywhere开一个服务器看看。 在确保咩有问题的情况下,将dist文件夹直接拖进 hbuilder ...