vue项目踩坑之安卓4,5,ios9页面空白
2018-05-18 16:06
507 查看
最近在用vue做项目,项目在安卓4,5,ios9页面显示空白,问题解决跟大家分享一下安卓4,5,ios9页面空白原因:低版本不支持es6,需要将es6编译成es5
{ test: /\.js$/, loader: 'babel-loader', query: { presets: ['es2015'] }, include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')] }
阅读更多
具体解决方法
1.npm install --save-dev babel-preset-es2015(安装ES2015转码规则)
2.npm install --save-dev babel-polyfill
3.npm install es6-promise
4.main.js 中引用
import Es6Promise from 'es6-promise'
Es6Promise.polyfill()
import 'babel-polyfill'
5.修改.babelrc文件
{"presets": ["es2015" , "stage-2"],"plugins": ["transform-vue-jsx", "transform-runtime"]}6.webpack.base.conf.js 中修改 对VUX进行转ES5 { test: /vux.src.*?js$/, loader: 'babel-loader', query: { presets: ['es2015'] }, }, 对自定义脚本进行转ES5{ test: /\.js$/, loader: 'babel-loader', query: { presets: ['es2015'] }, include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')] }
希望能帮到大家,如果有错误的地方,请指出,谢谢
阅读更多
相关文章推荐
- 利用HBuilder将vue项目打包成移动端app,运行页面空白问题解决
- vuex + sessionstorage 解决vue项目刷新后页面空白/数据丢失
- IOS下 用vue开发前端项目 点击返回 页面出现空白
- vue项目打包后打开页面空白解决办法
- vue项目部署到apache服务器页面空白的问题
- Vue 2.0在IE11中打开项目页面空白的问题解决
- Vue 2.0在IE11中打开项目页面空白的问题
- Vue 2.0在IE11中打开项目页面空白的问题解决
- vue项目在安卓低版本机显示空白的原因分析(两种)
- PHP网站或项目打开出现空白页面问题分析
- 使用Vue-cli搭建多页面应用时对项目结构和配置的调整
- vue项目打包后打开空白解决办法
- vue,vuex的后台管理项目架子structure-admin,后端服务nodejs,前端vue页面
- 解决Vue项目在IE浏览器中显示空白的问题
- 2种方式解决vue路由跳转未匹配相应路由避免出现空白页面或者指定404页面
- 基于vue-cli的vue项目之路由6--重定向2-----页面初始化重定向
- Vue-cli脚手架构建多页面项目
- 在多页面项目下使用Webpack+Vue
- 出现vue项目在ie打开空白问题
- vue项目中-打印页面中部分区域的内容