TS文件如何调用JS文件?

TypeScript 可以直接调用 JavaScript 文件。在 TypeScript 项目中，可以直接在 TypeScript 文件中使用 JavaScript 文件中导出的函数、类等内容，也可以在 JavaScript 文件中使用 TypeScript 文件中导出的内容。

要在 TypeScript 文件中调用 JavaScript 文件，需要遵循以下步骤：

1. 在 TypeScript 代码中导入 JavaScript 文件：

import * as myModule from './myModule.js';

在上面的代码中，`myModule` 就是一个 JavaScript 模块，可以在 TypeScript 代码中直接引用。

2. 调用 JavaScript 文件中的函数：

myModule.myFunction();

在上面的代码中，`myFunction` 就是 JavaScript 文件中导出的函数，可以在 TypeScript 代码中直接调用。

需要注意的是，由于 TypeScript 是一种强类型语言，因此在调用 JavaScript 函数时需要注意类型的匹配。如果 JavaScript 函数的参数类型与 TypeScript 中的类型不匹配，可能会导致运行时错误。

另外，如果在 TypeScript 项目中使用了模块化的方式进行开发，需要在 `tsconfig.json` 文件中配置 `module` 选项，以便让 TypeScript 编译器能够正确地处理模块化代码。例如，可以将 `module` 选项设置为 `"ESNext"` 或 `"CommonJS"`。

{
  "compilerOptions": {
    "module": "ESNext",
    "target": "ES2018",
    "outDir": "dist",
    "sourceMap": true
  }
}

以上是在 TypeScript 中调用 JavaScript 文件的步骤，同样地，如果要在 JavaScript 中调用 TypeScript 文件中导出的内容，也可以按照类似的方式进行导入和调用。