Разбиение кода `импорт` ломает Jest тесты

Question

1

Я использую функцию разбиения кода в webpack, но похоже, что шутка не распознает функцию import():

        import('myModule').then(function (myModule) {
        ^^^^^^
SyntaxError: Unexpected token import

У меня нет специальной настройки. Мой тест npm script просто запускается jest "test": "jest"

Как я могу заставить его работать?

Я использую последнюю версию jest 20.0.4 и babel-jest 20.0.3

CodinCat 20 июнь 2017, в 05:27

Теги:

unit-testing

jestjs

webpack

1 ответ

CodinCat · Accepted Answer · 2017-06-20T01-16-00.000Z

О, я только что нашел ответ.

Просто установите этот плагин: https://github.com/airbnb/babel-plugin-dynamic-import-node и добавьте его в файл .babelrc:

{
  ...
  "env": {
    "test": {
      "plugins": ["dynamic-import-node"]
    }
  }
}

У меня была та же проблема , это решило мою проблему, спасибо! Хотя мне также приходилось постоянно запускать jest в режиме --no-cache, чтобы он работал: /
Обратите внимание, что если вы используете Jest с Typescript через ts-jest, то эту конфигурацию необходимо добавить в { ... "jest": { "globals": { "ts-jest": { "babelConfig": { "env": { "test": { "plugins": ["dynamic-import-node"] } } } } } } }