TypeScript 模块没有导出的成员错误.ts(2305)是什么原因，并如何解决

在本文中，我们将介绍 TypeScript 中出现的“模块没有导出的成员错误”（.ts(2305)）以及如何解决这个问题。

什么是“模块没有导出的成员错误”？

当我们在 TypeScript 代码中使用模块导入语法（例如 import）来引入一个模块时，有时候会遇到“模块没有导出的成员错误”。这个错误告诉我们，在被导入的模块中，并没有导出我们所引用的成员。

例如，假设我们有一个名为 example.ts 的文件，其中导出了一个名称为 exampleFunc 的函数。然后，在另一个文件 main.ts 中我们尝试导入这个函数并使用它。如果在 main.ts 中导入的 example 模块中并没有导出名为 exampleFunc 的函数，就会导致出现这个错误。

导致错误的常见原因

下面是导致“模块没有导出的成员错误”常见的几个原因：

1. 忘记导出成员

最常见的原因是在模块中忘记导出我们想要使用的成员。如果一个成员没有明确地通过 export 关键字导出，那么它将无法在其他模块中使用。

例如，在 example.ts 文件中，我们有一个函数 exampleFunc，但是遗漏了 export 关键字，如下所示：

function exampleFunc() {
  // some code
}

为了解决这个问题，我们需要在函数前添加 export 关键字，将其导出：

export function exampleFunc() {
  // some code
}

2. 导出成员名与导入时的成员名不匹配

另一个常见原因是导出的成员名称与导入时使用的名称不匹配。这可能会导致 TypeScript 报告一个错误，指出找不到某个成员。

例如，在 example.ts 文件中，我们导出了一个名称为 exampleFunc 的函数。然后，在 main.ts 文件中，我们尝试将其导入为 func，如下所示：

import { func } from "./example";

func(); // Error: Module '"./example"' has no exported member 'func'

为了解决这个问题，我们需要确保导入时的名称与导出时的名称匹配：

import { exampleFunc } from "./example"; // 修改导入的名称

exampleFunc(); // 正常执行

3. 导入模块的路径错误

有时候，我们可能会错误地指定导入模块的路径，这也会导致 TypeScript 报告导出成员错误。

例如，在 main.ts 文件中，我们尝试导入一个 example 模块，但是错误地指定了路径，如下所示：

import { exampleFunc } from "../example/example";

exampleFunc(); // Error: Cannot find module '../example/example'

为了解决这个问题，我们需要确保指定的路径是正确的，与要导入的模块的位置相对应。

解决方法

解决“模块没有导出的成员错误”的方法取决于具体的错误原因。根据上述常见原因，我们可以使用以下方法来修复错误：

确保要导出的成员使用了 export 关键字进行导出；
确保导入时使用的成员名称与导出时的名称一致；
确保正确指定了导入模块的路径。

按照上述方法进行修复后，我们应该能够成功导入并使用模块中的成员，消除了“模块没有导出的成员错误”。

总结

在本文中，我们介绍了 TypeScript 中出现“模块没有导出的成员错误”（.ts(2305)）的原因，并提供了解决这个问题的方法。通过确保正确导出成员、使用正确的成员名称和指定正确的导入路径，我们能够成功修复这个错误。通过理解和解决这个错误，我们能够更好地使用 TypeScript 进行开发，并减少潜在的错误和问题。