如何让 Jest 忽略命名 ESM 默认导出的未定义错误

Question

我有一个 React 应用程序，目前正在使用 Jest 为其编写测试。这是一个包含 100 多个组件的大型项目，其中一些组件使用此语法作为默认值导出

export default SomeAwesomeComponent = () => {
    return (
        <div>
            ...
        </div>
    )
}

这从来没有影响运行应用程序，但是当我运行开玩笑，开玩笑 --watchAll 时，我收到该组件的错误 ReferenceError：未定义 SomeAwesomeComponent。我了解命名导出和默认导出之间的区别，以及如何使用它们。我可以通过

A。删除名称，留下 'default export' 位

export default () => {
    return (
        <div>
            ...
        </div>
    )
}

B. 将 SomeAwesomeComponent 声明为常量，而不是在文件末尾将其用作默认导出。

const SomeAwesomeComponent = () => {
        return (
            <div>
                ...
            </div>
        )
    }

export default SomeAwesomeComponent;

考虑到虽然有这么多的组件，并不是所有都是默认导出，而是相当多的，但是逐一修复是非常繁琐的。我的意思是，如果我需要的话，我会最终会的，但是为了节省时间，有没有一种方法可以配置 Jest 在运行ning 测试时忽略这个错误？

Answer 1

应该为 named 导出而不是默认导出提供名称，因为它是 default.

export default SomeAwesomeComponent = () => ...;

与

相同

SomeAwesomeComponent = () => ...;

export default SomeAwesomeComponent;

如果没有 SomeAwesomeComponent 变量声明，它会尝试将其分配给全局变量。分配给未声明的全局会导致 strict mode 中出现错误，预计在现代 JavaScript 环境中默认启用。在草率模式下，这会用所述标识符污染全局范围，并可能意外覆盖全局变量。

此语法错误，无法按预期工作。 Jest 本身并不强制执行严格模式，它可能是由用于转换应用程序的工具链启用的，例如通天塔。一旦在脚本中启用了严格模式，就无法将其禁用。如果错误发生在多个地方，则所有地方都需要修复。这可以通过 IDE 或 else.

中的正则表达式替换来完成

这是一个较短的修复：

export default () => ...;

它不提供可用于调试的函数name。

这是一个较长的修复：

const SomeAwesomeComponent = () => ...;

export default SomeAwesomeComponent;

export 不一定要移动到文件末尾，但它应该出现在 SomeAwesomeComponent 声明之后。

如何让 Jest 忽略命名 ESM 默认导出的未定义错误

How to get Jest to Ignore undefined error for named ESM default exports

default

export

reactjs

jestjs