Неожиданный импорт токена при использовании кастомного преобразователя babel-jest

Когда я бегу npm test (jest --watch), я получаю:

C:\sites\YDR\branches\trunk\development\app\static\js\_modules\marketplace\postbacks\Components\Form.js:44
import('Form').then(function (m) {
^^^^^^

SyntaxError: Unexpected token import

at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/ScriptTransformer.js:289:17)
at Object.<anonymous> (__tests__/postbacks-form.js:1:115)

Часть Jest в package.json:

"jest": {
    "rootDir": "./../../",
    "modulePaths": [
      "<rootDir>tools/webpack/node_modules/",
      "<rootDir>development/app/static/css/_modules/",
      "<rootDir>development/app/static/js/_modules/"
    ],
    "transform": {
      "^.+\\.js$": "<rootDir>/tools/webpack/jest.transform.js"
    }
  }

jest.transform.js:

// Custom Jest transform implementation that wraps babel-jest and injects our
// babel presets, so we don't have to use .babelrc.
module.exports = require('babel-jest').createTransformer({
    presets: [
        require("babel-preset-react"),
        require("babel-preset-es2015")
    ],
    plugins: [
        require("babel-plugin-syntax-dynamic-import"),
    ]
});

Использую следующие версии:

Я также пробовал [email protected], но потом у меня другая ошибка:

Plugin 0 specified in "base" provided an invalid property of "default"

javascript jestjs babeljs babel-jest
person van_folmert    schedule 22.08.2017    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Решено. Это ошибка в babel-plugin-dynamic- импорт-узел.

Можно обойти, добавив .default к запросу:

module.exports = require('babel-jest').createTransformer({
    presets: [
        require("babel-preset-react"),
        require("babel-preset-es2015")
    ],

    plugins: [
        require("babel-plugin-transform-es2015-modules-commonjs"),
        require("babel-plugin-dynamic-import-node").default,
    ]
});

Кроме того, чтобы иметь возможность анализировать import(), необходим babel-plugin-transform-es2015-modules-commonjs.

person van_folmert    schedule 23.08.2017
comment
почему требуется использовать require("babel-preset-react"),, а не просто "babel-preset-react"? - person Hitmands; 06.06.2019