React Jest 测试失败并出现 react-dnd: SyntaxError: Unexpected token 'export'

Question

遇到奇怪的错误，目前无法通过。所以当我运行测试时控制台会抛出：

/var/www/html/node_modules/react-dnd/dist/index.js:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,jest){export * from './core/index.js';
                                                                                  ^^^^^^


SyntaxError: Unexpected token 'export'

我用谷歌搜索。人们正在讨论并说应该添加模块映射器，所以我在 jest 配置中添加了以下代码：

'^react-dnd$': '<rootDir>/node_modules/react-dnd/dist/cjs',
'^react-dnd-html5-backend$': '<rootDir>/node_modules/react-dnd-html5-backend/dist/cjs',
'^dnd-core$': '<rootDir>/node_modules/dnd-core/dist/cjs',

抛出另一个错误：

 Please check your configuration for these entries:
    {
      "moduleNameMapper": {
        "/^react-dnd$/": "react-dnd/dist/cjs"
      },
      "resolver": undefined
    }

如果有人用react-dnd解决了这个问题，请帮助我！:))

Answer 1

尝试将其添加到package.json：

"jest": {
    "transformIgnorePatterns": [
      "<rootDir>/node_modules/(?!react-dnd|core-dnd|@react-dnd|dnd-core|react-dnd-html5-backend)"
    ]
}

或者，如果您的项目使用它，则jest.config.js：

"transformIgnorePatterns": [
      "<rootDir>/node_modules/(?!react-dnd|core-dnd|@react-dnd|dnd-core|react-dnd-html5-backend)"
    ]