我通过显式设置窗口上的属性为我的对象设置全局名称空间。
window.MyNamespace = window.MyNamespace || {};
TypeScript强调MyNamespace，并抱怨:
属性“MyNamespace”在类型为“window”的值上不存在 任何“
我可以通过将MyNamespace声明为环境变量并删除窗口显式来使代码工作，但我不想这样做。
declare var MyNamespace: any;
MyNamespace = MyNamespace || {};
我如何保持窗口在那里，让TypeScript满意?
作为旁注，我发现特别有趣的是，TypeScript抱怨，因为它告诉我，窗口的类型是any，它肯定可以包含任何东西。
当前回答
首先，您需要在当前 范围。因为TypeScript想知道对象的类型 对象。由于窗口对象是在其他地方定义的，所以不能重新定义它。
但你可以按以下方式申报:
declare var window: any;
这将不会重新定义窗口对象，也不会创建另一个名为window的变量。这意味着窗口是在其他地方定义的，您只是在当前作用域中引用它。
然后你可以通过以下方式引用你的MyNamespace对象:
window.MyNamespace
或者你可以在窗口对象上简单地设置新属性:
window.MyNamespace = MyObject
现在TypeScript不会抱怨了。
其他回答
下面是如何做到这一点，如果你使用的是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 || {};
创建一个扩展Window的自定义界面，并将自定义属性添加为可选属性。
然后，让customWindow使用自定义接口，但值与原始窗口相同。
它与TypeScript 3.1.3一起工作。
interface ICustomWindow extends Window {
MyNamespace?: any
}
const customWindow:ICustomWindow = window;
customWindow.MyNamespace = customWindow.MyNamespace {}
[2022]:我们必须在React或Nextjs项目中扩展“window”对象。 我们可以通过下面的步骤来解决这个问题。
在src文件夹名称中创建一个文件夹作为类型。 在类型文件夹中创建一个名为index.d.ts的文件 将这段代码写在index.d.ts文件中。 出口{}; 声明全局{ 窗口{ 名称空间:任何; ｝ ｝ 窗口。名称空间=窗口。名称空间| | {};
保存该文件。
现在最后一个变化。
修改“tsConfig. conf”json文件。来继承节点模块类型和我们的类型。
{
"compilerOptions": {
...
"typeRoots": [
"./node_modules/@types",
"./src/types"
],
....
}
// In typings.d.ts(is Global)
export declare global {
interface Window {
__PUBLIC__: string;
}
}
从3.4版开始，TypeScript已经支持globalThis。参见globalThis的类型检查。
从上面的链接:
// in a global file:
var abc = 100;
// Refers to 'abc' from above.
globalThis.abc = 200;
window.abc = 300; // window object can also be used.
操场上
“全局”文件是没有任何导入/导出语句的文件。声明var abc;可以写成。d.ts。
