TypeScript报错：Property 'xyz'已声明但未使用，求解决方案

我太懂这种翻了一堆帖子还是摸不着头脑的感觉了！你遇到的是TypeScript严格代码检查下的未使用导入/变量问题，针对你给出的例子，咱们来一步步搞定：

最直接的方案：删除未使用的导入 #

既然import { Common } from "../providers/common";你完全没用到，直接删掉这行代码就好——这不仅能解决报错，还能让代码更整洁，减少不必要的依赖打包体积。

暂时保留但避免报错：用下划线标记未使用的导入 #

如果这个模块你以后可能会用到，不想现在删，可以给它重命名加下划线前缀，告诉TypeScript这是你故意留着不用的：

import { Common as _Common } from "../providers/common";

TS会自动忽略以下划线开头的未使用变量/导入，完美绕过报错。

调整TypeScript配置（不推荐全局关闭，按需使用） #

如果你确实需要全局或者针对部分文件关闭这类检测，可以修改项目根目录的tsconfig.json：

• 关闭未使用导入的检测：把noUnusedImports设为false
• 关闭未使用局部变量的检测：把noUnusedLocals设为false
  示例配置片段：

{
  "compilerOptions": {
    "noUnusedImports": false,
    "noUnusedLocals": false,
    // 其他配置...
  }
}

如果不想全局改，也可以在单个文件顶部加注释忽略所有TS检查：

// @ts-nocheck
import { Storage } from "@ionic/storage";
import { Common } from "../providers/common";
// ...其他导入

配合ESLint的自定义规则（如果项目用了ESLint） #

如果你的项目同时用了ESLint，对应的规则是@typescript-eslint/no-unused-vars，可以在.eslintrc里配置允许下划线前缀的未使用项：

{
  "rules": {
    "@typescript-eslint/no-unused-vars": [
      "error",
      {
        "varsIgnorePattern": "^_",
        "argsIgnorePattern": "^_"
      }
    ]
  }
}

这样既保留了代码检查的严格性，又能灵活处理暂时未使用的导入。

补充说明：为什么会出现这个报错？ #

TypeScript的strict模式（默认开启）会自动启用noUnusedImports和noUnusedLocals规则，目的是帮你清理冗余代码，避免无用依赖被打包，同时减少潜在的代码混乱。所以优先推荐前两种方案，尽量不要轻易关闭这些检查哦～

内容的提问来源于stack exchange，提问作者Shairyar