温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

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

发布时间:2022-06-01 13:47:29 来源:亿速云 阅读:586 作者:iii 栏目:开发技术

这篇文章主要介绍“windows系统下安装Cypress及cypress open报错怎么解决”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“windows系统下安装Cypress及cypress open报错怎么解决”文章能帮助大家解决问题。

一、操作系统

先确认下你的系统,是否在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报错怎么解决”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注亿速云行业资讯频道,小编每天都会为大家更新不同的知识点。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI