javascript - 找不到 'cypress-xpath' .ts(2688) 的类型定义文件

Question

我正在使用通过 npm 在 Visual Studio Code 上安装的 cypress。我最近通过 npm 在我的测试套件中安装了一个使用 x 路径的依赖项，并在我的支持文件 (e2e.js) 中包含了必要的代码。当我的文件中包含允许我使用“cy.xpath”命令的引用时，我不确定构建路径是否正确构建。 Cypress 本身可以工作，但 xpath 命令似乎是问题所在。

在访问 npm 的网站时，它被列为已弃用，但是我尝试运行命令 npm i -D @types/cypress@latest，该命令安装正确，但这并没有解决问题。在我的 e2e.js 配置文件中，这是我编写的内容:

require('@cypress/xpath');
import './commands'

在我尝试引用 cypress-xpath 的文件上，这就是我所拥有的:

/// <reference types="cypress" />
/// <reference types="cypress-xpath" />

describe("Test Contact Us form via Automation Test Store", () => {
    it("Should be able to submit a successful submission via contact us form", () => {
      cy.visit("https://www.automationteststore.com/");
      //cy.get('.info_links_footer > :nth-child(5) > a').click();
      cy.get('#ContactUsFrm_first_name').type("Joe");
      cy.get('#ContactUsFrm_email').type("<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="4e3a2b3d3a0e29232f2722602d2123" rel="noreferrer noopener nofollow">[email protected]</a>");
      cy.get('#ContactUsFrm_enquiry').type("Test");
      cy.get('.col-md-6 > .btn').click();
    })
})

VS Code 可以识别 cy.xpath，但它无法解决上述依赖问题。

下面是 cypress.config.js 文件:

const { defineConfig } = require("cypress");

module.exports = defineConfig({
  e2e: {
    setupNodeEvents(on, config) {
      // implement node event listeners here
    },
    specPattern: "cypress/e2e/**/*.{js,jsx,ts,tsx,feature}"
  },
});

我已经尝试了这里的一些答案，并尝试了可能解决问题的各种终端命令，但没有任何效果。我不知道如何解决这个问题，如果有任何帮助，我们将不胜感激。

Answer 1

类型引用线/// <reference types="cypress-xpath" />看起来像旧的(已弃用的)包。

集成包包含类型定义文件index.d.ts应该可以使用访问

/// <reference types="@cypress/xpath" />

自 package.json有 key "types": "src"和 index.d.ts位于该文件夹中。