无法在 Cypress.io 中加载本地主机 URL

Question

我在 Cypress.io 中遇到一个问题，当我加载本地 URL 时，每次都会出错。我什至在 cypress.json 文件中添加了 { "baseUrl": "http://localhost:4200" }，如官方文档中所述。

以下是我的几个测试脚本：

it('successfully loads', () => {
  cy.visit('http://localhost:4200/') // change URL to match your dev URL
})
it('successfully load', () => {
    cy.visit('/') // change URL to match your dev URL
})

Answer 1

我也遇到了同样的问题，并解决了几个小时。我通过将

npm run dev

中的

package.json

脚本修改为

"dev": "vite --host"

来修复此问题。这将打开您网络的托管，以便赛普拉斯可以可靠地访问它。

Answer 2

在我的例子中，像这样运行 Angular 解决了问题：

ng serve --host 0.0.0.0

Answer 3

我不确定为什么在这种情况下会发生错误，但如果您只需要关闭它 - 您可以在 cy.visit 调用下添加此行。该错误不应再次发生。

Cypress.on('uncaught:exception', (err, runnable) => { return false; })

Answer 4

在 vite.config.ts 或 vite.config.js 中 设置主机：true

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  server: {
    host: true,
  },
})