报错的原因,就是ie9和一些低版本的高级浏览器对es6新语法并不支持,也说出了解决办法,即安装babel-polyfill插件。
安装好插件之后,需要引入,有三种方法:
1.require("babel-polyfill");
2.import "babel-polyfill";
3.module.exports = {
entry: ["babel-polyfill", "./app/js"]
};
注:第三种方法适用于使用webpack构建的同学,加入到webpack配置文件(webpack.config.js)entry项中
重新执行构建命令,在低版本的浏览器中就可以正常打开页面了。
一般在vue项目中,在main.js文件中引入
import 'babel-polyfill' // 使用浏览器适配