定义时继续获取 ESLint "defined but never used.(no-unused-vars)"

Question

我正在为启用了 ESLint 和 Prettier 的 TypeScript 项目使用 WebStorm IDE。我收到警告：

对于此代码：

import { ToastAndroid } from 'react-native';
import { TProjectsList, IProject } from '../types';

export const reduceRecursively = (data: IProject[]): TProjectsList => {
  return data.reduce((acc: TProjectsList, val: IProject) => {
    acc[val.id] = val;
    for (let key in val) {
      if (val.hasOwnProperty(key) && Array.isArray(val[key])) {
        val[key] = reduceRecursively(val[key]);
      }
    }
    return acc;
  }, {});
};

这里肯定用到了 TProjectsList, IProject，为什么我会收到这个警告？可能的错误？

Answer 1

是我的失误造成的

我的文件仍然是 *.js，导致 ESLint 出现一些奇怪的行为！

确保您的文件是 *.ts / *.tsx！

定义时继续获取 ESLint "defined but never used.(no-unused-vars)"

Keep getting ESLint "defined but never used.(no-unused-vars)" when defined

typescript

eslint

prettier