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

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

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

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

这从未影响过仅运行应用程序，但是当我运行jest，jest --watchAll时，该组件出现错误 ReferenceError：未定义SomeAwesomeComponent 。我了解命名导出和默认导出之间的区别，以及如何使用它们。我可以通过以下任一方式使它正常工作

A 。删除名称，保留“默认导出”位

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

---

B。。将SomeAwesomeComponent声明为const，然后在文件末尾将其用作默认导出。

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

export default SomeAwesomeComponent;

---

鉴于组件太多，并非全部作为默认导出，而是相当一部分，因此仔细检查并修复每个组件将非常繁琐。我的意思是，如果需要，最终会，但为了时间，我是否可以配置Jest在运行测试时忽略此错误？

解决方法

应该为命名导出提供一个名称，但不为默认导出提供名称，因为它是 default 。

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

与

相同

SomeAwesomeComponent = () => ...;

export default SomeAwesomeComponent;

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

此语法是错误的，无法按预期工作。 Jest本身并不强制执行严格模式，它可能是由用于转译应用程序的工具链启用的，例如巴别塔在脚本中启用严格模式后，就无法将其禁用。如果错误发生在多个地方，则所有这些地方都需要修复。这可以通过在IDE或其他方式中进行正则表达式替换来完成。

这是一个简短的解决方法：

export default () => ...;

它没有提供可用于调试的功能name。

这是一个较长的解决方法：

const SomeAwesomeComponent = () => ...;

export default SomeAwesomeComponent;

export不一定要移到文件末尾，而是应该在SomeAwesomeComponent声明之后发生。