Uncaught ReferenceError: regeneratorRuntime is not defined 解決方法

⚠️ 時效警告：本文發佈於 2018 年，文中提到的 Babel 6 transform-runtime 與 .babelrc 配置已過時（現代工具鏈已原生處理 async/await 轉譯）。內容保留作為歷史紀錄，最新做法請參考官方文件。

解決方法

之前在 Gatsbyjs async/await 更新報錯解決方法 就已經提及過，使用 babel-plugin-transform-runtime 就好了。

npm install --save-dev babel-plugin-transform-runtime

然後在 .babelrc 裡面填寫：

{
  "plugins": ["transform-runtime"]
}

或加入自定義選項：

{
  "plugins": [
    ["transform-runtime", {
      "helpers": false,
      "polyfill": false,
      "regenerator": true,
      "moduleName": "babel-runtime"
    }]
  ]
}

因為 Babel 會不斷更新，所以具體配置請到官網查閱，或點擊下面的鏈接。

其實你也可以使用babel-polyfill，不過它會包含 regenerator runtime 及 core-js，打包的體積會變得很大。

參考資料

1. babel-plugin-transform-runtime - Babel
2. babel-polyfill - Babel