vue-cli创建的项目打包后在安卓手机qq浏览器和uc浏览器页面空白

Created on 14 Dec 2017 · 19Comments · Source: vuejs/vue

Version

2.5.10

Reproduction link

http://web-appfiles.tinydonuts.cn/ugc/index.html?detailInfoId=21061&detailInfoTypeCode=1

Steps to reproduce

你好，我是vue的使用者，发现最近升级后的vue-cli创建的项目打包后在安卓手机qq浏览器和uc浏览器页面空白，其他浏览器均正常，静态资源请求到了，未解析执行，测试半年前创建的项目各个浏览器均可正常访问，请问有解决办法吗？

What is expected?

正常访问

What is actually happening?

页面空白，静态资源请求到了，未做解析及接口请求

Source

caosenvip

Most helpful comment

我也遇到了同样的问题,
不过现在已经解决了,
主要原因是 static 静态文件中有 es6 的语法,
而 babel 编译时不会编译 static 中的文件
解决方式:
第一种=> 把 static 文件放到 src 中
第二种=> 手动把 static 文件中的改成 es5
需要执行 npm run build 之后再看
npm run dev 的时候暂时我这还不行, 可能是 dev 的时候不会执行 babel 进行编译,
但是 build 之后的文件是可以在钉钉或者不支持 es6的浏览器上看了

jianxiaoBai on 17 Jan 2018

👍2

All 19 comments

至少先自己排查下报错信息吧？比较大的可能是 babel-preset-env 的 targets 范围不包含这些浏览器了，自己调整一下。https://github.com/babel/babel/tree/master/packages/babel-preset-env#babelpreset-env----

yyx990803 on 14 Dec 2017

我也是遇到这个问题了。vue版本是2.5.2。之前有遇到过空白页的问题，后来加入了bable-polyfill。空白页的问题解决了，但是这次，排查了很多问题都不行。
"vue": "^2.5.2",
"vue-router": "^3.0.1",
"vuex": "^3.0.1"
"mint-ui": "^2.2.11",
"axios": "^0.17.1",

尝试把vuex和vue-router版本都降为2.5左右也是不行。

安卓uc浏览器和qq浏览器空白页

luo772435545 on 15 Dec 2017

请问你们遇到的问题解决了吗？我也碰到了同样的问题排查了好久没有解决 @luo772435545 @caosenvip

fengjiel on 20 Dec 2017

没呢。.babelrc什么都搞了一遍，还没找出问题。
现在直接下载最新的vue也是无法在uc上正常打开的。
我把已知的依赖全部降为之前可正常打开的依赖，在uc上还是显示空白，可能和下面的依赖有关系
"babel-helper-vue-jsx-merge-props": "^2.0.3",多了
"babel-plugin-syntax-jsx": "^6.18.0",//多了
"babel-plugin-transform-vue-jsx": "^3.5.0",多了
"connect-history-api-fallback": "^1.3.0",少了
"eventsource-polyfill": "^0.9.6", 少了
"function-bind": "^1.1.0", 少了
"node-notifier": "^5.1.2", //多了
"portfinder": "^1.0.13", 多了
"postcss-import": "^11.0.0", 多了
"postcss-loader": "^2.0.8", 多了
"shelljs": "^0.7.6", 多了
"uglifyjs-webpack-plugin": "^1.1.1", 多了
"webpack-dev-server": "^2.9.1",多了
"webpack-dev-middleware": "^1.10.0",少了
"webpack-hot-middleware": "^2.16.1",少了