先声明,我是用的vue-cli快速构建的项目结构,以下jest环境配置也是在此基础上展开的。
先vue-cli初始化一个项目
1.全局安装vue-cli (此步骤只需第一次执行,以后就可以略过)
npm install --global vue-cli
2.创建一个基于webpack模板的新项目(tips:项目名不能包含大写字母)
vue init webpack 项目名 (一直回车就行)
cd 项目名
npm install
npm run dev
配置jest环境
其实你会发现此时环境已经配好了,npm run unit 你会发现报错如下图
大概意思就是:mapCoverage已经不需要了,请重新配置,然后把
jest.conf.js 中的配置项mapCoverage删除。再次运行npm run unit,依旧报错,截图如下
经过查询,加上以下代码就好了
"verbose": true,
"testURL": "http://localhost/"
再次运行npm run unit ,叮~好啦