如何防止"属性'…"不存在的类型'全局'"与js的打字？

Question

我尝试将现有项目转换为使用打字稿，我在测试设置中遇到了问题。

我的测试有一个设置文件，它设置了js写下，以便我所有的DOM交互代码在我的测试期间都能正常工作。使用Typecript（带有mocha的ts节点）我总是收到这样的错误：

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

为了防止这种情况，我尝试修补节点。像这样的全局界面:

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

但这并没有改变任何事情。

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

额外：

这是我的摩卡设置.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/');

Answer 1

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

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

declare var global: Global;

Answer 2

除其他答案外，您还可以直接在作业现场进行全局：

(global as any).myvar = myvar;

Answer 3

把这个放在你的打字稿文件的顶部

const globalAny:any = global;

那就改用globalAny。

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

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

您需要将定义放在全局范围内声明全局｛…｝

请记住，typescript global范围不同于NodeJS接口< code>global，也不同于称为< code>Global类型的< code>global的节点< code>global属性...

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