windows系统下安装Cypress及cypress open报错解决

lxf2023-03-17 15:00:39
摘要

这篇文章主要为大家介绍了windows系统下安装Cypress及cypress open报错解决,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

目录
  • 安装cypress
    • 一、操作系统
    • 二、安装依赖
      • 1.node.js
      • 2.linux
    • 三、安装
      • 四、安装完成,打开cypress
      • 解决报错

        安装cypress

        一、操作系统

        先确认下你的系统,是否在cypress支持范围之内:

        • MacOS 10.9 以上 (仅64-bit)
        • Linux ubuntu 12.04及以上版本,Fedora 21和Debian 8(仅64位)
        • windows7 以上

        二、安装依赖

        1.node.js

        如果使用npm来安装Cypress,需要Node.js 12 或者 14 以上。不知道啥是node.js?

        没关系,其实说白了就是一种javascript的运行环境,能够使得javascript脱离浏览器运行。

        安装教程网上很多了,给个传送门自己对着装就好啦。

        2.linux

        如果使用的是Linux,则需要在系统上安装所需的依赖项。

        官方也提供了的cypress/base 的Docker容器,安装了所有的依赖项。

        三、安装

        我的是win10系统,node.js我也早就装好了,输入命令 node -v 可以看到自己装的版本。

        windows系统下安装Cypress及cypress open报错解决

        现在就使用npm 来安装cypress,这也是官方推荐的安装方式,原因有二:

        • 可以跟其他依赖项一样,控制cypress的版本。
        • 简化了在持续集成中运行Cypress。

        首先,在你的对应项目路径下,先用 npm init初始化项目,随之要输入的项目信息,你填也可以,不填就一直回车,最后输入yes。

        windows系统下安装Cypress及cypress open报错解决

        接着,再键入命令安装npm install cypress --save-dev即可,等待安装完成。

        windows系统下安装Cypress及cypress open报错解决

        四、安装完成,打开cypress

        安装好后,只要进入安装目录下的./node_modules/.bin/,输入cypress open即可:

        windows系统下安装Cypress及cypress open报错解决

        但是我这里出现一个cypress启动报错, EEXIST: file already exists。

        windows系统下安装Cypress及cypress open报错解决

        解决报错

        可以在根目录的package.JSON中,增加scripts "cypress:open": "cypress open",整个内容是这样:

        {
          "name": "cypress-pingguo",
          "version": "1.0.0",
          "description": "",
          "main": "index.js",
          "scripts": {
            "test": "echo \"Error: no test specified\" && exit 1",
            "cypress:open": "cypress open"
          },
          "author": "",
          "license": "ISC",
          "devDependencies": {
            "cypress": "^7.2.0"
          }
        }

        现在使用npm run cypress:open重新打开cypress。

        windows系统下安装Cypress及cypress open报错解决

        右上方可以选择你机器上所有被cypress兼容的浏览器,左边的示例,点击后就会在你选择的浏览器里运行,快去试试吧。

        windows系统下安装Cypress及cypress open报错解决

        以上就是windows系统下安装Cypress及cypress open报错解决的详细内容,更多关于cypress open报错解决的资料请关注编程网其它相关文章!