web页面嵌入应用中遇到的 Object.entries is not a function 问题的解决(vue项目)
网上寻找到的答案,原网址点我:因为 es6的generators的entries函数不支持,最后查看大神的回答才发现:babel只能在构建过程中转译语法糖,比如说将ES7/ES6/JSX中的语法部分(例如箭头函数)转译成ES5。而polyfill则是解决原生对象的问题,比如说你的浏览器不支持Promise,babel就给你建一个Promise供你使用。这样就清晰了,在webpack构建的时候加上b
·
网上寻找到的答案,原网址点我:因为 es6的generators的entries函数不支持,最后查看大神的回答才发现:babel只能在构建过程中转译语法糖,比如说将ES7/ES6/JSX中的语法部分(例如箭头函数)转译成ES5。而polyfill则是解决原生对象的问题,比如说你的浏览器不支持Promise,babel就给你建一个Promise供你使用。这样就清晰了,在webpack构建的时候加上babel-polyfill就行了
两步
1、安装模块
npm install –save babel-polyfill
2、配置模块
webpack.config.js中entry加上polyfill(我这里是用vue-cli创建的项目,webpack配置文件名称为webpack.base.conf.js。polyfill直接放main.js里import也可以,只是引入方式不一样) (在webpack.config.js中搜索entry,在像下面的代码一样,在里面加一行’babel-polyfill’:’babel-polyfill’)
entry: {
'babel-polyfill':'babel-polyfill',
app: ‘./main.js‘
},
更多推荐
已为社区贡献4条内容
所有评论(0)