javascript - VUE开发中，很多NPM第三方包没有TS版本的?

Question

使用vue3+ts开发，发现有些第三方NPM包没有TS版本的只有JS的。怎么办？

Answer 1

举个例子 没有就自己通过库文档自己定义一下TS 类型 定义自己常用的函数或者变量就行了吧

Answer 2

我也发现了这个问题，在npm库里也是好多老一点的库都没有TS注释，比较难办
我现在就是，在技术选型上，争取就选方便好用支持TS类型注释的库
有时候中文没有好的，就看看英文的了，这也是没办法的事情
还有一个解决方案，就是小项目，JS搞定

Answer 3

在Vue开发中，确实可能会遇到一些第三方NPM包没有TypeScript（TS）版本的情况。这可能是由于这些包的维护者尚未提供TypeScript支持，或者由于一些其他原因。不过，即使你遇到只有JavaScript（JS）版本的第三方包，你仍然可以在Vue 3 + TypeScript项目中使用它们。以下是一些建议的解决方法：

1. 使用声明文件（Declaration Files）：
   如果第三方包没有提供TypeScript声明文件（.d.ts 文件），你可以尝试自己编写它们。这通常涉及到了解包的API并手动创建相应的类型定义。一旦你创建了声明文件，你可以将它们放在一个名为 types 的文件夹中，并配置 tsconfig.json 文件以包含这些声明文件。

2. 使用DefinitelyTyped：
   DefinitelyTyped是一个社区维护的TypeScript类型定义仓库。你可以检查那里是否有为你需要的包提供的类型定义。如果有，你可以通过npm安装这些类型定义，例如：

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

这将为你的包提供类型支持。

3. 类型断言：
   如果你知道第三方包的API如何使用，但缺少类型信息，你可以使用TypeScript的类型断言功能。这允许你临时将变量断言为特定的类型。例如：

   const myVar = someFunction() as MyType;

这里 MyType 是你期望的类型，someFunction() 是返回值的函数。

4. JSX/TSX中的类型忽略：
   在JSX或TSX中，你可以使用 // @ts-ignore 来忽略类型错误。不过，这种做法应该谨慎使用，因为它可能会导致运行时错误。
5. 等待或请求更新：
   如果第三方包是你经常使用的，并且类型支持对你来说很重要，你可以考虑联系包的维护者，请求他们添加TypeScript支持。同时，你也可以等待维护者更新包以包含TypeScript支持。
6. 考虑替代方案：
   如果上述方法都不可行，并且类型支持对你的项目至关重要，你可能需要考虑寻找一个具有TypeScript支持的替代包。

记住，尽管TypeScript提供了静态类型检查的好处，但在某些情况下，你可能需要权衡类型安全性与包的可用性和功能。在TypeScript中，类型兼容性允许JavaScript库与TypeScript代码一起使用，但可能需要额外的配置或代码调整。