1. 程式人生 > >web頁面嵌入應用中遇到的 Object.entries is not a function 問題的解決(vue專案)

web頁面嵌入應用中遇到的 Object.entries is not a function 問題的解決(vue專案)

網上尋找到的答案,原網址點我:因為 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‘
},