TS7016: TypeScript无法识别纯.js文件

当你在 TypeScript 项目中引入一个纯 JavaScript 文件时，TypeScript 会抛出一个错误：TS7016: TypeScript无法识别纯.js文件。这是因为 TypeScript 只能识别和编译 TypeScript 文件（扩展名为.ts 或 .tsx）。

要解决这个问题，你可以采取以下几种方法之一：

1. 将 JavaScript 文件转换为 TypeScript 文件：将文件的扩展名从 .js 更改为 .ts 或 .tsx。这样 TypeScript 将能够正确地识别和编译这个文件。如果文件中使用了特定于 JavaScript 的语法或功能，你可能还需要对其进行一些调整。

示例：

假设你有一个名为 example.js 的纯 JavaScript 文件，内容如下：

function add(a, b) {
  return a + b;
}

console.log(add(1, 2));

将其重命名为 example.ts：

function add(a: number, b: number): number {
  return a + b;
}

console.log(add(1, 2));

现在 TypeScript 将能够正确地识别和编译 example.ts 文件。

2. 使用声明文件：如果你无法将 JavaScript 文件转换为 TypeScript 文件，或者你只是想在 TypeScript 项目中使用一个现有的 JavaScript 库，你可以使用声明文件（.d.ts）来告诉 TypeScript 如何处理该库。

声明文件是一种特殊的文件，它包含了类型信息，用于描述 JavaScript 库的结构和类型。你可以在 DefinitelyTyped（https://definitelytyped.org/）上找到许多常见库的声明文件。

首先，你需要安装声明文件的依赖：

npm install --save-dev @types/library-name

然后，你需要在你的 TypeScript 文件中引入该库：

import * as libraryName from 'library-name';

这样 TypeScript 将能够正确地识别和使用该库。

注意：并非所有的 JavaScript 库都有声明文件。在这种情况下，你可以创建自己的声明文件，或者使用 any 类型来暂时绕过 TypeScript 的类型检查。

示例：

假设你想在 TypeScript 项目中使用 jQuery 库。首先，你需要安装声明文件的依赖：

npm install --save-dev @types/jquery

然后，在你的 TypeScript 文件中引入 jQuery：

import * as $ from 'jquery';

$(document).ready(function () {
  $('body').html('Hello, TypeScript!');
});

现在 TypeScript 将能够正确地识别和使用 jQuery。

这些是解决 TypeScript 无法识别纯 JavaScript 文件的两种常见方法。根据你的情况选择合适的方法。