看了网上不少资料,大多以讹传讹,完全不能用;因此查阅文档解决了之后记录一下。
问题的场景是这样的,做一个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