如何将 Vue3 与 vue-jest 一起使用？答案

【问题标题】：How do I use Vue3 with vue-jest?如何将 Vue3 与 vue-jest 一起使用？
【发布时间】：2021-09-17 08:18:29
【问题描述】：

我有以下依赖...

"vue-jest": "latest",

但是当我运行npm install 时，我得到...

npm WARN ERESOLVE overriding peer dependency
npm WARN Found: vue@3.1.4
npm WARN node_modules/vue
npm WARN   vue@"latest" from the root project
npm WARN   7 more (@headlessui/vue, @heroicons/vue, @vue/compiler-sfc, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer vue@"^2.x" from vue-jest@3.0.7
npm WARN node_modules/vue-jest
npm WARN   dev vue-jest@"latest" from the root project

我查看了代码，看到了一个名为 vue3-jest 的库，但它在 npm 中不可用...

获取使用 vue3 的 vue-jest 版本的正确方法是什么？

【问题讨论】：

标签： vue.js jestjs vuejs3 vue-jest

【解决方案1】：

根据 Vue Test Utils for Vue3 installation guide 的内容，您应该使用仍处于 alpha 阶段的 vue-jest v5，因为它支持 Vue 3。

latest 版本是3.0.7。但是你需要的版本是5.0.0-alpha.10。它存在于next 频道中，因此您应该可以使用以下方式安装它：

npm i vue-jest@next

您可以在“版本”选项卡中查看所有vue-jest 版本https://www.npmjs.com/package/vue-jest

【讨论】：

【解决方案2】：

由于jest v27，请改用 vue3-jest。

npm i vue3-jest

feat: support jest v27 in vue3-jest #343

【讨论】：