ts文件中如何引入js文件不报错

在TypeScript (TS) 文件中引入JavaScript (JS) 文件，通常是为了在项目中混合使用 TypeScript 和 JavaScript 功能。如果你的项目使用了`tsconfig.json`配置，可以采用以下方法：

1. **默认导入（ES6 模块）**：
- 使用 `import` 关键字导入 JS 文件，假设你想导入 `script.js`：

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

或者按需导入特定函数或变量：

     const myFunction = require('./script.js').myFunction;

2. **动态导入（ES7）**：
如果需要异步加载，可以使用 `import()` 函数：

   async function loadScript() {
     const scriptPromise = import('./script.js');
     const scriptContent = await scriptPromise; // 等待脚本加载完成
     // 使用 scriptContent 中的内容
   }

3. **CommonJS 格式（Node.js 风格）**：
在 Node.js 环境下，你可以直接 `require()` JS 文件：

   const jsModule = require('./script.js');

4. **使用 `--allowJs` 开发选项**：
在 `tsconfig.json` 的 `compilerOptions` 配置项中添加 `"allowJs": true`，允许 TypeScript 编译器处理 .js 文件，但这意味着你需要明确指定哪些文件是 TypeScript 文件（`.ts`)，哪些是 JavaScript 文件（`.js`），避免混淆。

确保在引入 JavaScript 文件时，TS编译器能识别并处理，如果遇到兼容性问题或错误，可能需要安装第三方库如 `@types/node` 来提供对某些 JS API 的类型支持。