【问题标题】:React Jest tests fails with react-dnd: SyntaxError: Unexpected token 'export'React Jest 测试因 react-dnd 失败:SyntaxError: Unexpected token 'export'
【发布时间】:2022-06-16 21:42:24
【问题描述】:

遇到一个奇怪的错误,目前无法通过。所以当我运行测试控制台抛出:

/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 config 中添加了这段代码:

'^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 解决了这个问题,请帮帮我! :))

【问题讨论】:

  • 你能在你的 jest 配置中包含完整的moduleNameMapper 部分吗?你在使用巴别塔吗?来自this issue 的一些人通过transformIgnorePatterns 忽略来自 babel 转换的 DND 文件来解决这个问题

标签: reactjs jestjs babeljs react-dnd


【解决方案1】:

将此添加到 package.json

“开玩笑”:{ “转换忽略模式”:[ “/node_modules/(?!react-dnd|core-dnd|@react-dnd|dnd-core|react-dnd-html5-backend)” ] }

【讨论】:

    猜你喜欢
    • 2020-12-28
    • 1970-01-01
    • 2017-09-16
    • 1970-01-01
    • 2022-12-01
    • 2018-09-11
    • 2017-06-10
    • 2022-10-05
    • 2020-01-24
    相关资源
    最近更新 更多