如何让TypeScript语言服务解析远程托管文件并提供类型信息？

针对你遇到的远程脚本无类型提示问题，以下是几种可行的解决方法：

1. 本地映射远程URL到类型声明文件 #

通过tsconfig.json的paths配置，将远程URL映射到本地保存的.d.ts文件，让TypeScript解析时指向本地类型：

首先，把远程的foo.d.ts、bar.d.ts下载到本地（比如./types目录下），然后修改tsconfig.json：

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "https://example.com/foo.js": ["./types/foo.d.ts"],
      "https://example.com/bar.js": ["./types/bar.d.ts"]
    }
  },
  "include": ["your-script.js"]
}

这样在IDE中导入远程URL时，会自动读取本地对应的类型声明文件，获得完整的类型提示。

2. 用JSDoc类型引用增强提示 #

对于带JSDoc注释的远程脚本，可以通过JSDoc的typeof import()语法手动引入类型，帮助IDE识别：

/**
 * 手动引入远程模块的类型
 * @typedef {typeof import('https://example.com/bar.js').bar} BarType
 */

import { bar } from 'https://example.com/bar.js';
// 此时bar会获得string类型提示

VS Code等主流IDE的TypeScript服务支持这种JSDoc语法，能直接解析URL对应的类型信息（前提是远程文件可被IDE访问）。

3. 封装本地代理模块 #

创建本地代理模块，既保留远程脚本的实际引用，又通过本地类型声明提供提示：

• 创建本地foo-proxy.js：

export * from 'https://example.com/foo.js';

• 创建对应的foo-proxy.d.ts：

export declare const foo: string;
// 或者直接导入本地保存的类型文件：export * from './types/foo.d.ts';

然后在主脚本中导入本地代理模块：

import { foo } from './foo-proxy.js';

这种方式既保证运行时加载远程代码，又让IDE获得清晰的本地类型支持。

4. 利用TypeScript插件扩展类型获取（进阶） #

如果需要更自动化的方案，可以编写自定义TypeScript插件，让语言服务自动抓取并解析远程文件的类型信息。不过这种方式复杂度较高，适合需要批量处理大量远程模块的场景。

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