TypeScript中本地使用money.js库的配置问题及相关疑问

兄弟，刚接触TypeScript遇到这种问题真的太正常了，完全不是你说的“笨”哈！很多纯JavaScript库本身没提供TypeScript的类型定义文件，所以TS会默认识别不了全局变量或者模块，这就是你一开始用import fx from "money.js";没成功，加了declare var fx: any;才搞定的核心原因。

咱们拆解下你遇到的问题：

• 你把money.js下载到项目根目录，通过HTML的<script type="module" src="money.js"></script>引入后，fx其实是挂载到全局作用域的变量，但TypeScript本身不知道这个全局变量的存在，所以会抛出“找不到名称fx”之类的错误。
• 你尝试用ES模块的import语法导入失败，大概率是因为这个库没有按ES模块规范打包，或者你的TS配置文件（tsconfig.json）里的模块解析方式没匹配上，直接用import会找不到对应的模块入口。

你最后用declare var fx: any;解决问题是完全可行的临时方案，不过如果想更规范、更安全一点，其实可以试试这两种方法：

1. 先看看有没有官方维护的类型声明包，打开终端执行npm install @types/money.js --save-dev，如果能安装成功，TypeScript就能自动识别fx的类型，不用写any这种宽泛的声明，还能获得代码提示。
2. 如果没有官方类型包，你可以自己写个更详细的声明文件：在项目里新建一个money.d.ts文件，内容大概是这样的（可以根据money.js的实际API补充细节）：

declare var fx: {
  convert: (amount: number, config: { from: string; to: string }) => number;
  rates: { [key: string]: number };
  // 其他你需要用到的方法或属性都可以在这里补充类型
};

这样TypeScript就能给你提供准确的类型提示，比用any更能避免类型错误。

至于你说文档里没提这个点，确实很多纯JS库的文档不会考虑TypeScript的适配细节——毕竟TS是JS的超集，这类类型声明的问题往往需要咱们自己摸索，刚入门的时候踩这种坑真的太正常了，不用自责哦~

备注：内容来源于stack exchange，提问作者VarManz