GGG

プログラミング言語やソフトウェア開発について思ったことを書いてます

Uncaught ReferenceError: regeneratorRuntime is not defined

Outline

下記のトラブルが発生した場合の対処方法に関する資料.

Uncaught ReferenceError: regeneratorRuntime is not defined

Environment

  • npm : v3.10.8
  • node : v7.0.0
  • ReactJS : v15.4.0
  • webpack : v1.13.3

Cause

JavaScript のES6文法をソースコードで使っている場合に、Bebelで変換処理が入る。この変換処理に必要なpackage(plugin, etc)が読み込まれていないことによる。

Generatorという機能を使っていると発生するらしい より具体的にはasync-await で発生。 arrow関数などのSyntax-sugarなどでも発生することが推測。

Solution

  1. インストール docker-compose run web npm install --save-dev babel-polypill
  2. 利用しているファイルの先頭で下記を入力
import 'babel-polyfill'; 

他にもいくつか対処方法があるようです。

Reference URLs