代码之家 › 专栏 › 技术社区 › J. Hesters

如何告诉编译器有关窗口的信息。tsx文件中的Cypress?

cypress typescript

J. Hesters · 技术社区 · 4 年前

我正在用Cypress和TypeScript构建一个应用程序。

const magic = new Magic(window.ENV.MAGIC_PUBLISHABLE_KEY, {
  testMode: Boolean(window.Cypress),
});

TypeScript抱怨 window.Cypress 并说:

Property 'Cypress' does not exist on type 'Window & typeof globalThis'.

我怎样才能告诉TypeScript Cypress

type Window = {
  Cypress?: Cypress; // Where Cypress is the Cypress namespace
}

我找到了 this answer (除其他外)但我不知道这将如何解决这个具体问题。

托拜厄斯在评论中链接的问题是不同的,因为如果你这样做:

declare global {
  Cypress: Cypress;
}

Unexpected labeled statement.

declare global {
  var Cypress: Cypress;
}

Cannot augment module 'Cypress' with value exports because it resolves to a non-module entity.

我在Github上找不到代码,但在我的 node_modules 它住在这里:

编辑2:

0 回复 | 直到 4 年前

J. Hesters 4 年前

在进行了一些变通之后,以下内容似乎奏效了:

declare global {
  interface Window {
    Cypress?: Cypress.Cypress;
  }
}

if (window.Cypress) {
  // ...
}

Fody 4 年前

Gleb Bahmutov在幻灯片中使用的模式是

interface Window {
  Cypress? : any    // don't really need strict type here
}

if (window.Cypress) {   
  ...
}

mochaccino 4 年前

将命名空间分配给声明的常量并将其导出:

declare global {
  export declare const Cypress: Cypress;
}

推荐文章

James.Alocard · Cypress给出“此浏览器或应用程序可能不安全”的谷歌身份验证

1 年前

Sheetal Akhud · 我需要用柏树压缩一个报告文件夹[复制]

1 年前

dmtree · Cypress中的参数化测试解决方案

2 年前

Amitoj Singh Khurana · 无法通过install npm在MAC中安装Cypress install Cypress--save dev

2 年前

grabury · 如何运行单个珀西柏树测试

2 年前

Rubén Campos Sosa · 如何在Cypress中停止“for”循环?

2 年前

qatesterbecomingprogrammer · 超过了最大调用堆栈大小-Cypress

2 年前

KiritoLyn · 在Cypress中将index.html文件设置为baseUrl

2 年前

Mlz · 如何使DOM元素在网页中可见(Cypress web Automation)

2 年前

jamesdlivesinatree · 组件测试建议下一个13.4+与应用程序目录

2 年前