我通过显式设置窗口上的属性为我的对象设置全局名称空间。
window.MyNamespace = window.MyNamespace || {};
TypeScript强调MyNamespace,并抱怨:
属性“MyNamespace”在类型为“window”的值上不存在
任何“
我可以通过将MyNamespace声明为环境变量并删除窗口显式来使代码工作,但我不想这样做。
declare var MyNamespace: any;
MyNamespace = MyNamespace || {};
我如何保持窗口在那里,让TypeScript满意?
作为旁注,我发现特别有趣的是,TypeScript抱怨,因为它告诉我,窗口的类型是any,它肯定可以包含任何东西。
下面是如何做到这一点,如果你使用的是TypeScript定义管理器!
npm install typings --global
创建输入/定制/ window.d.ts:
interface Window {
MyNamespace: any;
}
declare var window: Window;
安装自定义输入:
typings install file:typings/custom/window.d.ts --save --global
完成了!使用它!TypeScript不会再抱怨了:
window.MyNamespace = window.MyNamespace || {};
对于那些使用Angular CLI的人来说,这很简单:
文件src / polyfills.ts
declare global {
interface Window {
myCustomFn: () => void;
}
}
文件my-custom-utils.ts
window.myCustomFn = function () {
...
};
如果你正在使用IntelliJ IDEA,你还需要在IDE中更改以下设置,然后你的新腻子才会开始:
> File
> Settings
> Languages & Frameworks
> TypeScript
> check 'Use TypeScript Service'.