问题描述
如下图所示,H5页面在iPhone5s(iOS 9)手机上打开白屏,使用vconsole查看报错原因是"SyntaxError: Unexpected keyword ‘const’. Const…",低版本浏览器不支持es6语法。但是查看打包后的app.js,其实是没有const
的,而报错里面的11.js是有cosnt
原因
查看对应的代码,发现该文件里引入了三方库里面的方法,但是node_modules里的依赖默认是不会被babel处理的,所以es6的语法没有被转化成es5的,低端浏览器不支持,于是就白屏了
解决方案
vue.config.js
里面配置transpileDependencies
,官方文档是这样说明的,默认情况下 babel-loader
会忽略所有node_modules
中的文件。如果你想要通过 Babel 显式转译一个依赖,可以在这个选项中列出来。
具体配置
transpileDependencies: [