vue中配置babel-polyfill报错

最近一个项目,用webpack打包,想要支持ie11,于是引入babel-polyfill,但是老是出错,试过各种方法都不行,错误描述如下:

刚开始没有引入babel-polyfill时webpack配置文件是这样写的:
https://img.mukewang.com/5c6bafc900013cd704040123.jpg

之后npm install了babel-polyfill之后试过好多写法都不行,请问究竟该怎么配置呢?

改为
https://img4.mukewang.com/5c6bafcc000191ca05530129.jpg

之后,提示错误信息:

https://img2.mukewang.com/5c6bafd00001cb3a08000295.jpg

说的应该是格式不对,看到网上好多给出好多这种解决方案,我这样确实还是不行,费解。


慕码人8056858
浏览 5788回答 2
2回答

波斯汪

// 入口文件,`index.js`或者`main.js`// `Babel`默认只转换新的`JavaScript`句法(`syntax`),而不转换新的`API`。比如`Array.from`// 如果想让这个方法运行,必须使用babel-polyfill,为当前环境提供一个垫片。import 'babel-polyfill';// 如果要改webpack配置,应该是module.exports = {  entry: {    // app: './client/index.js'    app: ['babel-polyfill', './client/index.js'],},

湖上湖

main.js 里面引入import 'babel-polyfill'webpack.base.conf.js 替换到entry部分  entry: {    // app: './src/main.js'    app: ["babel-polyfill", "./src/main.js"]  },注意:多试一下,清空缓存,多试试,我也是捣鼓捣鼓才可以的
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript