我通过显式设置窗口上的属性为我的对象设置全局名称空间。
window.MyNamespace = window.MyNamespace || {};
TypeScript强调MyNamespace，并抱怨:
属性“MyNamespace”在类型为“window”的值上不存在 任何“
我可以通过将MyNamespace声明为环境变量并删除窗口显式来使代码工作，但我不想这样做。
declare var MyNamespace: any;
MyNamespace = MyNamespace || {};
我如何保持窗口在那里，让TypeScript满意?
作为旁注，我发现特别有趣的是，TypeScript抱怨，因为它告诉我，窗口的类型是any，它肯定可以包含任何东西。
当前回答
供参考(这是正确答案):
在。d里面。Ts定义文件
type MyGlobalFunctionType = (name: string) => void
如果你在浏览器中工作，你可以通过重新打开window的界面将成员添加到浏览器的窗口上下文:
interface Window {
myGlobalFunction: MyGlobalFunctionType
}
Node.js也是这样:
declare module NodeJS {
interface Global {
myGlobalFunction: MyGlobalFunctionType
}
}
现在你声明根变量(它将实际存在于window或global上):
declare const myGlobalFunction: MyGlobalFunctionType;
然后在一个普通的.ts文件中，但作为副作用导入，你实际上实现了它:
global/* or window */.myGlobalFunction = function (name: string) {
console.log("Hey !", name);
};
最后在代码库的其他地方使用它，使用:
global/* or window */.myGlobalFunction("Kevin");
myGlobalFunction("Kevin");
其他回答
创建一个扩展Window的自定义界面，并将自定义属性添加为可选属性。
然后，让customWindow使用自定义接口，但值与原始窗口相同。
它与TypeScript 3.1.3一起工作。
interface ICustomWindow extends Window {
MyNamespace?: any
}
const customWindow:ICustomWindow = window;
customWindow.MyNamespace = customWindow.MyNamespace {}
我刚刚在另一个Stack Overflow问题的答案中找到了这个问题的答案。
declare global {
interface Window { MyNamespace: any; }
}
window.MyNamespace = window.MyNamespace || {};
基本上，您需要扩展现有的窗口界面来告诉它您的新属性。
TypeScript阻止在没有指定具有所需属性或类型的情况下访问对象 已经分配给了any，所以你可以使用可选的链接:
window?.MyNamespace = 'value'
今天我想在Angular(6)库中使用它，我花了一段时间才让它像预期的那样工作。
为了使我的库能够使用声明，我必须对声明全局对象的新属性的文件使用d.ts扩展名。
所以最后，这个文件就变成了这样:
/ path-to-angular-workspace / angular-workspace /项目/ angular-library / src / globals.d.ts
创建后，不要忘记在public_api.ts中公开它。
这对我很有帮助。
完整和简短的回答
1-在tsconfig.json中添加typeRoots属性:
{
"compilerOptions": {
...
"typeRoots": ["src/@types", "node_modules/@types"]
...
}
}
2-扩展窗口类型
// file: src/@types/global.d.ts
declare global {
interface Window { customProperty: <type>; }
}
