如何在TypeScript中显式地设置window的新属性?

我通过显式设置窗口上的属性为我的对象设置全局名称空间。

window.MyNamespace = window.MyNamespace || {};

TypeScript强调MyNamespace，并抱怨:

属性“MyNamespace”在类型为“window”的值上不存在任何“

我可以通过将MyNamespace声明为环境变量并删除窗口显式来使代码工作，但我不想这样做。

declare var MyNamespace: any;

MyNamespace = MyNamespace || {};

我如何保持窗口在那里，让TypeScript满意?

作为旁注，我发现特别有趣的是，TypeScript抱怨，因为它告诉我，窗口的类型是any，它肯定可以包含任何东西。

当前回答

(window as { test: string } & Window & typeof globalThis).test = `Hello World`;

其他回答

如果您需要使用需要使用import的自定义类型来扩展窗口对象，您可以使用以下方法:

window.d.ts

import MyInterface from './MyInterface';

declare global {
    interface Window {
        propName: MyInterface
    }
}

请参阅手册的“声明合并”部分中的全局增强。

使用slvelte还是TSX?其他的答案都对我不起作用。

以下是我所做的:

(window as any).MyNamespace

[2022]:我们必须在React或Nextjs项目中扩展“window”对象。我们可以通过下面的步骤来解决这个问题。

在src文件夹名称中创建一个文件夹作为类型。在类型文件夹中创建一个名为index.d.ts的文件将这段代码写在index.d.ts文件中。出口{}; 声明全局{ 窗口{ 名称空间:任何; ｝｝窗口。名称空间=窗口。名称空间| | {};

保存该文件。

现在最后一个变化。

修改“tsConfig. conf”json文件。来继承节点模块类型和我们的类型。

{
  "compilerOptions": {
   ...
    "typeRoots": [
      "./node_modules/@types",
      "./src/types"
    ],
 ....
}

我不需要经常这样做。我唯一遇到的情况是在中间件中使用Redux DevTools。

我只是做了:

const composeEnhancers = (window as any).__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;

或者你可以这样做:

let myWindow = window as any;

然后是myWindow。myProp = '我的值';

// In typings.d.ts(is Global)
export declare global {
    interface Window {
        __PUBLIC__: string;
    }
}

推荐文章