TS2669: Augmentations for the global scope can only be directly nested in external modules...的解决方案

看了网上不少资料，大多以讹传讹，完全不能用；因此查阅文档解决了之后记录一下。

问题的场景是这样的，做一个Vue + TS的项目，需要引入一些UMD库（需要在HTML中通过<script>标签引入）。以高德地图为例，它的文档是这样的：

在页面添加 JS API 的入口脚本标签，并将其中「您申请的key值」替换为您刚刚申请的 key；

<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值"></script> 

这种库的问题在于，相当于全局注入（挂载在window上），没有类型提示，无法在TS中使用。所以我就想着写一个声明文件来进行扩展。所以按照网上的说法，我就写了这样的代码：

// shims-global.d.ts
declare global {
  interface AMap {
    convertFrom: any;
  }

  const AMap: AMap

  interface Window {
    AMap: AMap;
  }
}

不要在意这个any，只是为了先让项目跑起来而已……

但是到了这里，就遇到了标题里的那个报错：TS2669: Augmentations for the global scope can only be