我尝试将现有项目转换为使用Typescript，但是在测试设置中却遇到了问题。

我有一个用于测试的安装文件，用于设置jsdom，以便我所有的DOM交互代码都可以在测试期间使用。使用Typescript（带有摩卡的ts节点），我总是会收到这样的错误：

Property 'window' does not exist on type 'Global'.

为了防止这种情况，我尝试像这样修补NodeJS.Global接口：

declare namespace NodeJS{
  interface Global {
    document: Document;
    window: Window;
    navigator: Navigator;
  }
}

但这并没有改变任何东西。

如何在NodeJS全局变量上启用这些浏览器属性？

附加功能：

这是我的摩卡咖啡setup.ts：

import { jsdom, changeURL } from 'jsdom';

const exposedProperties = ['window', 'navigator', 'document'];

global.document = jsdom('');
global.window = global.document.defaultView;
Object.keys(global.document.defaultView).forEach((property) => {
  if (typeof global[property] === 'undefined') {
    exposedProperties.push(property);
    global[property] = global.document.defaultView[property];
  }
});

global.navigator = {
  userAgent: 'node.js',
};

changeURL(global.window, 'http://example.com/');

避免错误的原始答案

将其放在打字稿文件的顶部

const globalAny:any = global;

然后使用globalAny代替。

globalAny.document = jsdom('');
globalAny.window = global.document.defaultView;

更新答案以维护类型安全

如果要保持类型安全，则可以扩展现有的NodeJS.Global类型定义。

您需要将定义放入全局范围内 declare global {...}

请记住，打字稿global作用域与NodeJS接口Global或global property称为...global类型的节点不同Global。

declare global {
  namespace NodeJS {
    interface Global {
       document: Document;
       window: Window;
       navigator: Navigator;
    } 
  }
}

除了其他答案，您还可以直接在作业现场直接投放 global：

(global as any).myvar = myvar;

我通过这样做解决了这个问题...

export interface Global {
  document: Document;
  window: Window;
}

declare var global: Global;

避免类型转换any，它消除了键入的目的。而是安装所需的类型定义（例如yarn add --dev @types/jsdom @types/node）并导入以使用：

import { DOMWindow, JSDOM } from 'jsdom'

interface Global extends NodeJS.Global {
  window: DOMWindow,
  document: Document,
  navigator: {
    userAgent: string
  }
}

const globalNode: Global = {
  window: window,
  document: window.document,
  navigator: {
    userAgent: 'node.js',
  },
  ...global
}

这是正确的解决方案，而不使用Typescript的名称空间。它还与所有eslint默认规则兼容：

// Declare a type.
interface CustomNodeJsGlobal extends NodeJS.Global {
    myExtraGlobalVariable: number;
    // You can declare anything you need.
}

用它：

// Tell Typescript to use this type on the globally scoped `global` variable.
declare const global: CustomNodeJsGlobal;

function doSomething() {
  // Use it freely
  global.myExtraGlobalVariable = 5;
}

doSomething();

declare namespace NodeJS {
  export interface Global { window: any;
  }
}