> 웹 프론트엔드 > JS 튜토리얼 > Babel 6에서 Async/Await를 사용할 때 \'regeneratorRuntime이 정의되지 않았습니다\'라는 메시지가 나타나는 이유는 무엇입니까?

Babel 6에서 Async/Await를 사용할 때 \'regeneratorRuntime이 정의되지 않았습니다\'라는 메시지가 나타나는 이유는 무엇입니까?

Susan Sarandon
풀어 주다: 2024-12-08 17:38:12
원래의
145명이 탐색했습니다.

Why Am I Getting

"Babel 6 regeneratorRuntime이 정의되지 않았습니다" 설명

Babel 6에서 async/await를 구현할 때 "regeneratorRuntime이 정의되지 않았습니다" 오류 흔히 발생합니다. 이 문제를 해결하려면 babel-polyfill을 추가로 설치하고 포함해야 합니다.

Babel 종속성 설치

async/await를 사용하려면 다음 종속성을 설치하세요.

npm i -D babel-core babel-polyfill babel-preset-es2015 babel-preset-stage-0 babel-loader
로그인 후 복사

업데이트 중 package.json

"devDependency"에 다음을 추가합니다:

"babel-polyfill": "^6.0.16"
로그인 후 복사

Maintaining .babelrc

설정을 그대로 유지합니다.

{
  "presets": [ "es2015", "stage-0" ]
}
로그인 후 복사

설정 Up Async/await**

코드에서 async/await 활성화:

"use strict";

export default async function foo() {
  var s = await bar();
  console.log(s);
}

function bar() {
  return "bar";
}
로그인 후 복사

필수 패키지 로드

시작 시 파일, 포함:

require("babel-core/register");
require("babel-polyfill");
로그인 후 복사

Webpack 구성

webpack을 사용하는 경우 babel-polyfill이 첫 번째 항목인지 확인하세요.

module.exports = {
  entry: ['babel-polyfill', './test.js'],

  output: {
    filename: 'bundle.js'       
  },

  module: {
    loaders: [
      { test: /\.jsx?$/, loader: 'babel', }
    ]
  }
};
로그인 후 복사

Babel로 테스트

다음으로 테스트 실행 바벨 사용:

mocha --compilers js:babel-core/register --require babel-polyfill
로그인 후 복사

위 내용은 Babel 6에서 Async/Await를 사용할 때 \'regeneratorRuntime이 정의되지 않았습니다\'라는 메시지가 나타나는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿