require statement not part of import statement @typescript-eslint/no-var-req

这个错误信息是由 @typescript-eslint/no-var-req 规则触发的，它是 ESLint 插件 @typescript-eslint/eslint-plugin 中的一个规则。这个规则的目的是确保所有的 TypeScript 模块导入都使用 ES6 的 import 语法，而不是 CommonJS 的 require 语法。

基础概念

• ES6 模块导入 (import): ES6 引入了模块的概念，允许开发者使用 import 关键字来导入其他模块中的绑定（例如变量、函数、类等）。
• ES6 模块导入 (import): ES6 引入了模块的概念，允许开发者使用 import 关键字来导入其他模块中的绑定（例如变量、函数、类等）。
• CommonJS 模块导入 (require): 在 Node.js 中常用的模块系统是 CommonJS，它使用 require 函数来导入模块。
• CommonJS 模块导入 (require): 在 Node.js 中常用的模块系统是 CommonJS，它使用 require 函数来导入模块。

优势

使用 ES6 import 语法有以下优势：

1. 静态解析: import 语句可以在编译时进行静态解析，有助于优化代码和提高性能。
2. 更好的代码组织: import 语法使得代码结构更加清晰，易于理解和维护。
3. 支持默认导出和命名导出: import 支持默认导出和命名导出，提供了更大的灵活性。

类型

• 默认导入: 导入模块的默认导出。
• 默认导入: 导入模块的默认导出。
• 命名导入: 导入模块中特定的绑定。
• 命名导入: 导入模块中特定的绑定。
• 混合导入: 同时导入默认导出和命名导出。
• 混合导入: 同时导入默认导出和命名导出。

应用场景

这个规则适用于任何使用 TypeScript 和 ESLint 的项目，特别是在需要统一代码风格和提高代码质量的项目中。

解决方法

如果你遇到了 require statement not part of import statement @typescript-eslint/no-var-req 错误，你需要将 require 语句转换为 import 语句。例如：

原始代码（使用 require）:

const someFunction = require('./someModule').someFunction;

修改后的代码（使用 import）:

import { someFunction } from './someModule';

如果你需要导入整个模块，可以使用默认导入：

import * as someModule from './someModule';
const someFunction = someModule.someFunction;

示例代码

假设你有一个模块 mathFunctions.ts，它导出了几个数学函数：

// mathFunctions.ts
export function add(a: number, b: number): number {
  return a + b;
}

export function subtract(a: number, b: number): number {
  return a - b;
}

你可以这样导入这些函数：

// app.ts
import { add, subtract } from './mathFunctions';

console.log(add(1, 2)); // 输出: 3
console.log(subtract(3, 1)); // 输出: 2

通过这种方式，你可以避免触发 @typescript-eslint/no-var-req 错误，并且使代码更加现代化和标准化。