vue-cli构建的移动端项目ios9以下打开页面空白问题
2018-08-01 14:37
696 查看
造成ios9一下页面空白问题,个人遇到的是项目npm run build之后,项目里es6没有转成es5造成的。
vue-cli构建的本身已经配置好babel,es6的转码,但是还遇到这个问题。
那么可能的原因是引入的文件没有转码,像我个人把http.js写在了static/js/http.js里了。 在static这个文件夹下。项目编译这个文件本身不打包。所有写在这里的es6没有转成es5.
所有要把js文件移入src下的assets,或者自建的文件夹
ios9以下页面空白如果是其他方面引起的可以考虑在pc端IE浏览器的Edge调试。把错误都排除了,能够页面显示出来,那么基本就成功了。
IE会报vuex requires a Promise polyfill in this browser这个错误,成这种现象的原因归根究底就是浏览器对ES6中的promise无法支持,因此需要通过引入babel-polyfill来是我们的浏览器正常使用es6的功能
解决办法:安装babel-polyfill这个依赖 cnpm install –save-dev babel-polyfill
然后在build下的webpack.base.conf.js文件中,使用
const webpackConfig = { context: path.resolve(__dirname, '../'), entry: { app: ["babel-polyfill", "./src/main.js"] }阅读更多
相关文章推荐
- Vue 2.0在IE11中打开项目页面空白的问题解决
- 利用HBuilder将vue项目打包成移动端app,运行页面空白问题解决
- Vue 2.0在IE11中打开项目页面空白的问题
- 基于vue-cli项目bulid后,打开"index.html"页面空白出错显示引用css和js路径错误
- Vue 2.0在IE11中打开项目页面空白的问题解决
- vue项目打包后打开页面空白解决办法
- vue项目踩坑之安卓4,5,ios9页面空白
- vue-cli 项目中绝对路径引用的相关资源 npm run build 后 打开页面报404错误
- 出现vue项目在ie打开空白问题
- tomcat_javaweb项目域名打开网页是空白页面问题处理,但是加后缀可以访问
- vue cli构建的项目中请求代理与项目打包问题
- vue项目部署到apache服务器页面空白的问题
- Vue-cli构建项目, 组件中js代码引入图片路径问题
- PHP网站或项目打开出现空白页面问题分析
- Vue-cli脚手架构建多页面项目
- 详解Vue-cli webpack移动端自动化构建rem问题
- Vue-cli 构建项目 的`.vue`组件中, scss中添加背景图路径问题
- VUE 2.0在IE中打开页面空白的原因及解决方法
- 用vue-cli构建了项目之后在webstorm开发,用npm run dev跑本地服务,经常修改之后在浏览器刷新没反应,偶尔才会有刷新,需要重新跑一遍npm run dev才会更新,这是怎么回事呢?
- 详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper