Question

当我运行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"),
    ]
});

我使用以下版本：

node@8.1.3
npm@5.3.0
jest@20.0.4
babel-core@6.25.0
babel-jest@20.0.3
babel-plugin-syntax-dynamic-import@6.18.0

我也尝试过babel-plugin-dynamic-import-node@1.0.2，但后来我有不同的错误：

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

Answer 1

解决。它是babel-plugin-dynamic-import-node中的bug。

可以通过将.default添加到require：

来解决此问题

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。

使用babel-jest的自定义变换器时意外的令牌导入

1 个答案: