如何使 Typescript 检测到带有区分大小写拼写错误的导入路径错误？

Question

Typescript 没有检测到这个拼写错误（区分大小写）。

文件名： AdminTextArea

导入错误import AdminTextArea from "@components/AdminTextarea"

拼写错误是： area而不是正确的单词Area 。

我的 Typescript 环境根本没有抱怨这个。

没有显示错误并且运行顺利。

只有在我用 babel 将它转译为 JS 并将其发送到云上我的 Docker 容器上运行之后，它才触发了这个错误：

路径是完美的，除了错别字。

我该怎么做才能在我的 dev Typescript 环境中检测到此错误？ 这是eslint还是我的 Typescript 配置不正确？

Answer 1

这取决于操作系统。 某些操作系统具有不区分大小写的文件系统（MacOS 将是主要示例）。 Linux 文件系统区分大小写，因此当从不区分大小写的文件系统移动到区分大小写的文件系统时，可能会出现此错误。

不幸的是，TypeScript 对此无能为力，因为它取决于文件系统本身。 您可以添加此编译器设置：

{
  "compilerOptions": {
    "forceConsistentCasingInFileNames": true

这可能有助于检测此错误。

Answer 2

使用 ESLint 规则import/no-unresolved ，您可以确保正确添加区分大小写的导入。