Jest: 비동기 예의 오류: ReferenceError: regeneratorRuntime이 정의되지 않았습니다.

이것은 CI 또는 로컬에서 로컬로 재현되지 않습니다. npm 버전에 문제가 있습니까?

@cpojer

고마워 크리스.

이 문제는 다음 리포지토리에서 node:latest 를 실행하는 도커 컨테이너에서 재현할 수 있습니다.
https://hub.docker.com/_/node/

오류가 발생하는 단계는 다음과 같습니다.

# from local machine (also tested in vagrant 1.9.2 running ubuntu/trusty64)
docker pull node:latest
docker run --rm -it node bash
# from inside the container (docker version 17.03.0-ce, node version 7.7.2)
git clone https://github.com/facebook/jest /jest
cd /jest
# as per instructions from https://github.com/facebook/jest/tree/master/examples
npm install
cd examples/async
npm install
npm test

이 예제를 실행하는 방식이 맞습니까?
이 시나리오를 통과할 수 있는 몇 가지 글로벌 요구 사항이 누락되었을 수 있습니까?
추가 정보를 제공할 수 있습니까?

편집하다:
devDependencies에서 재생 런타임을 babel-polyfill로 바꾸면 예제가 작동한다는 것을 알았습니다.

jest in master가 실제로 이전 모듈과 호환된다고 가정하지만 예제에서는 마스터 코드를 사용하지 않고 대신 babel-polyfill이 필요할 수 있는 최신 릴리스를 가져옵니다.

Travis CI에서 동일한 문제가 발생하고 있습니다. https://travis-ci.org/okonet/lint-staged/jobs/212179781

로컬에서는 정상적으로 실행되지만 CI에서는 실행되지 않는 테스트

방금이 문제에 부딪쳤습니다!

@mpontus @okonet jest@next 고정된 곳에 사용할 수 있습니다. 그렇지 않으면 babel-polyfill 설치해야 합니다.

Jest는 babel-polyfill 를 자동 포함하는 데 사용했지만(19.0.2에서도 여전히 수행), 메모리 누수가 발생했기 때문에 regenerator-runtime 만 사용하도록 옮겼습니다. v20 npm >=3 또는 yarn을 사용하는 경우 async/await 지원을 위해 아무것도 설치할 필요가 없습니다.

문제는 문서에서 babel-polyfill 를 삭제했지만 이 diff https://github.com/facebook/jest/pull/2755 를 19.0.2 에 포함하는 것을 잊었고 롤아웃하지 않았다는 것입니다. 그 이후로 괜찮은 릴리스( jest@next 태그만).
불편을 드려 죄송합니다!

@thymikee 변환과 함께 문서에 설명된 대로 regenerator-runtime 를 어떻게 사용할 수 있습니까?
내 프로젝트에서 .babelrc 파일을 사용하지 않고 아래와 같이 webpack 및 jest 구성 모두에 대해 공유되는 babel 구성을 로드합니다.

jest.config.js

...
'transform': {
    '^.+\\.js$': '<rootDir>/config/jest.transform.js'
}
...

jest.transform.js

var babelConfig = require('./babel.config')

module.exports = require('babel-jest').createTransformer(babelConfig)

오래된 문제를 깨워서 죄송합니다. Jest 20.0.4에서 동일한 문제가 발생하고 있으며 이러한 의견에 대한 결론을 내릴 수 없습니다. 내가 볼 수있는 것에서 :

• async/await 문서 에서는 babel-preset-env 사용을 권장하지만 async/await 예제에서는 대신
• okonet 와 마찬가지로 regeneratorRuntime은 CircleCI에서 나타나지만 로컬에서는 나타나지 않습니다. --runInBand 하여 로컬에서 CI 테스트 스크립트를 실행해도 이것이 문제임을 나타내지는 않습니다.
• 근본 원인은 CI에서 가능한 이전 패키지 관리자를 사용하는 경우 regenerator-runtime 를 직접 설치해야 하기 때문인 것 같습니다.

나는 같은 문제에 직면했고 babel-polyfill 를 jest.init.js (jest 설정 파일)로 직접 가져오면 문제가 해결되었습니다.

  ...
 "setupFiles": [
   "<rootDir>/jest.init.js"
  ],
  ...

/// jest.init.js
import Enzyme from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
import 'babel-polyfill';

범프 죄송합니다! 하지만 😄 공유하고 싶었습니다. 내 일반 플러그인에 이것을 추가하면 저에게 효과적입니다.

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

하지만 이것이 최선의 처리 방법인지는 모르겠습니다.

이것은 Jest에서 "ReferenceError: regeneratorRuntime이 정의되지 않았습니다"를 수정하는 데 도움이 되었습니다.

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

그런 다음 .babelrc에서(다른 옵션 제외):

{
  "env": {
    "test": {
      "plugins": ["@babel/plugin-transform-runtime"]
    }
  }
}

나는 같은 문제에 직면했고 babel-polyfill 를 jest.init.js (jest 설정 파일)로 직접 가져오면 문제가 해결되었습니다.

  ...
 "setupFiles": [
   "<rootDir>/jest.init.js"
  ],
  ...

/// jest.init.js
import Enzyme from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
import 'babel-polyfill';

jest.init.js 에서 폴리필을 가져오려고 했지만 이상하게 테스트가 중단되었습니다. 정의되지 않은 생성기 오류는 없었지만 구성 요소 가져오기 누락 또는 소품 누락과 같이 이전에 테스트에서 없었던 오류가 많이 발생했습니다.

내 jest.conf.js 에는 다음 줄이 포함되어 있습니다.

setupFiles: ['<rootDir>/test/unit/setup']

따라서 jest.init.js (존재하지 않음) 대신 setup.js 의 폴리필을 가져와야 했습니다.

import Vue from 'vue'
import '@babel/polyfill';

Vue.config.productionTip = false
Vue.config.silent = true

_폴리필 임포트 라인을 제외하고 파일을 열었을 때 이미 다른 3개의 라인이 파일에 있었습니다._

setup.js 의 폴리필 가져오기는 작동했지만 jest.init.js 의 폴리필 가져오기는 작동하지 않았습니다(저는 setupFiles 경로를 변경했습니다).

대상 노드를 현재 추가하면 Jest에서 "ReferenceError: regeneratorRuntime이 정의되지 않음"을 수정하는 데 도움이 되었습니다.

{
  "presets": [
    [
      "@babel/preset-env",
      {
        "targets": {
          "node": "current"
        }
      }
    ]
  ]
}

대상 노드를 현재 추가하면 Jest에서 "ReferenceError: regeneratorRuntime이 정의되지 않음"을 수정하는 데 도움이 되었습니다.

{
  "presets": [
    [
      "@babel/preset-env",
      {
        "targets": {
          "node": "current"
        }
      }
    ]
  ]
}

이것은 실제로 babelyfing에 도움이 되지 않습니다. 내 코드는 현재 대상 노드로 컴파일되지 않습니다. 완전히 동일하게 보일 것입니다(ES6). 테스트가 실행되고 있지만 컴파일된 코드는 없습니다.:P

여기 내 package.json의 일부가 있습니다. 이것은 지금 저에게 효과적입니다.

"babel": {
    "presets": [
      [
        "@babel/preset-env",
        {
          "targets": {
            "node": "current"
          }
        }
      ],
      "@babel/preset-react"
    ],
    "plugins": [
      "component-identification",
      "@babel/plugin-proposal-class-properties",
      [
        "module-resolver",
        {
          "root": [
            "./src"
          ]
        }
      ]
    ]
  },

저에게는 공통 구성에 지정된 사전 설정 환경 대상을 갖는 것만으로는 충분하지 않았습니다.
내가 명시 적으로 다시 대상을 정의했다 node 에서 env.test .

{
  'presets': [
    [
      '@babel/preset-env',
      {
        'targets': {
          'chrome': 61,
          'node': 8,
          'electron': '2.0.9'
        },
      }
    ],
    '@babel/typescript',
    '@babel/preset-react'
  ],
  'env': {
    'test': {
      'presets': [
        [
          '@babel/preset-env',
          {
            'targets': {
              'node': 8,  // <- ADDED
            },
          }
        ],
        '@babel/typescript',
      ]
    }
  }
}

내가해야 할 유일한 일은 @AoDev가 언급 한 것처럼 babel에서 대상을 정의하는 것입니다. 다른 곳에서는 추가 대상이 없습니다.

regenerator-runtime을 전역적으로 가져오고 정의하려면 다음을 수행합니다.

require('regenerator-runtime/runtime');

필요한 것을 추가하고 농담을 위해 모든 babel 폴리필을 추가하는 데 혼란을 주지 않으려는 사람들을 위해.

이것은 Jest 24를 소개하는 블로그 게시물에서 언급되었습니다. 만약 사람들이 그것을 놓쳤다면: https://jestjs.io/blog/2019/01/25/jest-24-refreshing-polished-typescript-friendly#breaking -changes. babel을 적절하게 구성해야 하며 코드를 변경할 필요가 없습니다. PR에서 이 댓글을 참조 하세요 .

@ghengeveld 이것은 나를 위한 일입니다, 감사합니다

나를 위해 그것을 해결 한 것은 재생기뿐만 아니라 런타임도 내 구성에 추가하는 것이 었습니다.

  'globals': {
    'vue-jest': {
      'babelConfig': {
        'plugins': [
          '@babel/plugin-transform-regenerator',
          '@babel/plugin-transform-runtime',
        ],
        'presets': [['@babel/preset-env', { 'modules': false }]],
        'env': {
          'test': {
            'presets': [
              ['@babel/preset-env', { 'targets': { 'node': 'current' } }],
            ],
          },
        },
      },
    },
  },

@ 여기에 있는 시도 중 어느 것도 나를 위해 작동하지 않았습니다. 여전히 테스트 스위트가 실행되지 않는 것 같습니다.

ReferenceError: regeneratorRuntime is not defined

이것은 내 package.json
"devDependencies": {
"@babel/core": "^7.6.2",
"@babel/plugin-transform-regenerator": "^7.8.7",
"@babel/runtime": "^7.9.6",
"@react-native-community/eslint-config": "^0.0.5",
"babel-eslint": "^10.0.1",
"바벨 농담": "^24.9.0",
"babel-plugin-module-resolver": "^3.1.3",
"babel-plugin-transform-runtime": "^6.23.0",
"해독": "^16.5.1",

.babelrc
이 파일에 무언가를 추가할 때마다 내 앱 파일이 실행되지 않습니다. 반응형 기본 앱을 실행하려면 이 파일을 다시 삭제해야 합니다.

동일한 문제가 발생했습니다. 신선한 jest (26.6.3), 일반 비동기 테스트 및 이..
스스로를 "즐거움"으로 정의하는 프레임워크의 경우 이것은 실제로는 그렇지 않습니다.
도대체 왜 babel 구성, 플러그인 등을 신경써야 합니까?
기본적으로 작동하지 않는 이유는 무엇입니까?

업데이트 제 경우에는 babel.config.js가 이미 있었지만 누락되었습니다.
targets: { node: 'current' }