解决Vue项目在iOS 9 报错 “SyntaxError: Unexpected keyword ‘const‘. Const...“

问题描述

如下图所示，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: [