使用vue-currency-filter遭遇TS7016错误，求助解决办法及是否弃用TypeScript

别着急放弃TypeScript！这个TS7016错误是很常见的——当你使用的npm包没有提供官方TypeScript类型声明文件时就会触发。针对vue-currency-filter的问题，你可以试试下面几个解决方案，其他类似的货币过滤器遇到同样问题也适用：

• 安装社区维护的类型声明包
  很多没有官方类型的npm包，社区会在@types命名空间下提供对应的类型声明。你可以尝试执行以下命令安装：

  npm install @types/vue-currency-filter --save-dev
  # 或者用yarn
  yarn add @types/vue-currency-filter --dev
  

  如果这个包存在，安装后TS的错误应该会自动消失。

• 手动创建类型声明文件
  如果社区没有提供对应的类型包，你可以自己在项目里添加一个简单的类型声明：

  1. 在项目的src目录下新建types文件夹，然后创建vue-currency-filter.d.ts文件
  2. 在文件中添加以下内容（可以根据插件的实际配置项补充类型）：

     declare module 'vue-currency-filter' {
       import { PluginFunction } from 'vue';
       // 定义插件的配置选项类型
       interface VueCurrencyFilterOptions {
         symbol?: string;
         thousandsSeparator?: string;
         fractionCount?: number;
         fractionSeparator?: string;
         symbolPosition?: 'front' | 'back';
         symbolSpacing?: boolean;
       }
       const VueCurrencyFilter: PluginFunction<VueCurrencyFilterOptions>;
       export default VueCurrencyFilter;
     }
     

  3. 确保你的tsconfig.json中包含这个类型目录，比如在include字段里添加：

     "include": [
       "src/**/*",
       "src/types/**/*"
     ]
     

• 快速兜底方案（无类型提示）
  如果暂时不想写详细的类型，也可以直接声明模块为任意类型，让TS跳过类型检查：
  在上述的vue-currency-filter.d.ts中只写一行：

  declare module 'vue-currency-filter';
  

  这样错误会立即消失，但代价是失去该插件的类型提示，适合临时解决问题。

TypeScript的类型检查能帮你提前规避很多潜在问题，完全没必要因为这类小问题就转回JavaScript，这些方案基本能覆盖绝大多数无类型声明的npm包场景。

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