vue2.0在ios9等低版本手机上的出现白屏的解决过程及思路

1.先用safari开发模式去定位问题,发现是es6的语法低版本不支持
2.vue默认是对项目文件进行过js的编译的,所以不是开发文件里的语法问题,最后定位到是项目中引用的一个第三方库导致的这个问题

3.将这个需要编译的第三方库加入vue的编译目录,修改webpack.base.conf.js,修改这一块代码

{
        test: /\.js$/,
        include: [
            resolve('src'),
            resolve('test'), 
            resolve('node_modules/webpack-dev-server/client'),                             
            resolve('node_modules/resize-detector/esm/index.js')],  //增加的代码
            loader: 'babel-loader'
        
},    

4.之后再重新运行项目,发现报错没有了,网页成功显示

发布了34 篇原创文章 · 获赞 8 · 访问量 2万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 技术黑板 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览