vue项目在安卓低版本机显示空白原因
2018-09-05 07:50:01来源：博客园 阅读 ()
vue项目在安卓低版本机显示空白原因：
可能的原因一：
查看安卓debug，报错，可能有箭头函数语法错误，或者其他语法问题，那可能是ES6语法问题。
这时候需要安装babel-pollyfill。
网上找到方法如下：
https://blog.csdn.net/anxin_wang/article/details/78873359
1.安装babel-polyfill和es6-promise npm i babel-polyfill --save npm i es6-promise --save 2.main.js引入 import ‘babel-polyfill‘ import Es6Promise from ‘es6-promise‘ Es6Promise.polyfill() 3.webpack.base.conf.js module.exports = { entry: { "babel-polyfill":"babel-polyfill", app: ‘./src/main.js‘ //原本只有这一行 }
这时如果安卓机依然空白打不开，继续查看原因二
可能的原因二：
查看npm run build打包之后有没有打包报错，有时间一些小功能可能不影响页面展示和使用，但是打包也报错了，我们可能就忽略了，只要打包有报错，安卓就一定不能正常显示，不像浏览器，我这里看到的报错是
发现报错的位置是在router文件夹下的index.js文件中 分别是用了es6对象的合并，和模版字符串，这时候只需要去webpack.base.conf.js中
{ test: /\.js$/, loader: 'babel-loader', include: [ resolve('src'),//表示在src目录下的js需要编译 ], },
加一个include，resolve router所在目录即可，如果这里直接写路径，会不起作用。
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
上一篇：promise的理解和应用
下一篇：Ajax的封装
- vue.js开发环境搭建教程 2020-03-16
- Vue input控件通过value绑定动态属性及修饰符的方法 2020-03-05
- nodejs的express自动生成项目框架的方法 2020-02-20
- 详解Webstorm 新建.vue文件支持高亮vue语法和es6语法 2020-02-07
- vue路由跳转时判断用户是否登录功能的实现 2020-01-17
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
