Uncaught ReferenceError: regeneratorRuntime is not defined

async/await 사용하다가 본 에러
chrome이 async, await를 지원하는데 에러가 날리가 없어서 이상했는데 babel 문제였다.

해결방법

pollyfill 추가

• yarn add babel-polyfill

  entry: {
    app: ['babel-polyfill', './app'],
  },

targets 변경

• 상위 버젼 크롬만 지원한다.

module: {
    rules: [{
      test: /\.jsx?/,
      loader: 'babel-loader',
      options: {
        presets: [
          // 배열로 선언하면 babel이 컴파일 할 대상 브라우저도 지정 가능
          ['@babel/preset-env', {
            targets: {
              // 크롬 최종 버젼으로 부터 2개 버젼 https://github.com/browserslist/browserslist#queries
              browsers: ['last 2 chrome versions'],
            },
            debug: true,
          }],
          '@babel/preset-react'],
        plugins: ['@babel/plugin-proposal-class-properties'],
      },
    }],
  },

https://github.com/babel/babel/issues/5085#issuecomment-277544677