Vue3 Vite和使用jest的测试没有模板编译器
Vue3 Vite是一个基于Vue.js的轻量级开发工具，它具有快速的冷启动和热更新能力，适用于快速原型开发和小型项目。相比传统的Vue CLI，Vite采用了ES模块的方式进行开发，不需要预先编译，因此具有更快的启动速度和更低的内存占用。
Vite的主要优势包括：
- 快速冷启动：Vite利用ES模块的特性，将每个模块作为一个独立的文件进行处理，避免了传统打包工具需要构建整个应用的过程，从而实现了更快的冷启动速度。
- 热更新：Vite支持在开发过程中实时更新模块，无需刷新整个页面，提高了开发效率。
- 按需编译：Vite只会编译当前正在编辑的文件，而不是整个项目，减少了不必要的编译时间。
- 简化配置：Vite采用约定优于配置的原则，减少了配置文件的复杂性，开发者可以更专注于业务逻辑的实现。
Vite适用于快速原型开发、小型项目以及对性能要求较高的项目。对于大型项目，建议使用Vue CLI进行开发。
在使用Vite进行测试时，可以使用jest作为测试框架。Jest是一个功能强大且易于使用的JavaScript测试框架，它提供了丰富的断言库和模拟功能，可以帮助开发者编写高质量的测试代码。
在使用Vite和Jest进行测试时，由于Vite不需要模板编译器，因此可以直接进行测试，无需额外的配置。开发者可以编写针对Vue组件的单元测试、集成测试和端到端测试，以确保代码的正确性和稳定性。
对于Vue3 Vite的测试，可以参考以下腾讯云产品和文档：
- 腾讯云云服务器（CVM）：提供稳定可靠的云服务器，用于部署和运行Vue3 Vite应用。产品介绍链接：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：用于存储Vue3 Vite应用的静态资源文件，如图片、音视频等。产品介绍链接：https://cloud.tencent.com/product/cos
- 腾讯云云数据库MySQL版（TencentDB for MySQL）：用于存储Vue3 Vite应用的数据。产品介绍链接：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云CDN加速（CDN）：用于加速Vue3 Vite应用的静态资源文件的访问速度。产品介绍链接：https://cloud.tencent.com/product/cdn
请注意，以上仅为示例，实际选择产品时应根据具体需求进行评估和选择。
相关·内容
我使用Jest制作的代码库，但我找不到一种方法来运行导入组件的简单Vue3测试。这在使用Vue-cli创建的应用程序中工作得很好，但我找不到一种方法来让Jest在使用Vue3的Vue-Vite应用程序中工作。在版本3中还不存在，所以现在还没有办法让它工作。我找到了这个示例repo，但它使用的是Mocha
浏览 50提问于2020-10-29得票数 3
回答已采纳
我试着用Jest在VUE3中创建我的测试，但是我有下一个错误，我使用的是laravel 8和webpack的mix 你知道吗？enter image description here
浏览 12提问于2021-06-19得票数 2
我开始使用Vue3 3的SFC脚本设置语法：。
我可以运行单元测试，它将成功通过，但是，如果我试图构建项目，我将收到一个错误。
"@vue/vue3-jest": "^27.0.0-al
浏览 10提问于2022-03-03得票数 1
回答已采纳
在我的Vue 3应用程序中，我已经开始用代替Jest作为单元测试库。我试图为一个使用库在其中翻译文本的组件编写单元测试，但是当我试图将这个组件挂载到我的测试文件中时，它失败了，出现了错误：
在使用最重要的库编写测试时，从t编写存根/模拟import { useI18n } from 'vue-i18n'的</em
浏览 108提问于2022-05-16得票数 2
我正试着在Vue3，尾风和Vite中做一个项目现在的问题是，顺风类不工作于Vite热重新加载，正在毫无问题地进行更新，但是要查看样式上的变化，我需要一次又一次地重新启动服务器我试图找到一些答案，过了一段时间，我也尝试禁用铬缓存，但没有运气。节点版本: v16.13.0最后，我删除了初学者模板，并遵循了用于Vue(vite</em
浏览 4提问于2021-11-01得票数 6
3回答
使用Vite和Vue的构建就像一种魅力(因此路径是正确的)。然而，它并没有与故事书。这里是我的配置：import { defineConfig } from 'vite'import vueaddon-links",
"@storybook/addon-essen
浏览 20提问于2022-02-10得票数 9
回答已采纳
2回答
我现在挣扎了几天才能开始我的测试。大致轮廓: Vite，Svelte (有ts)，Jest。我将import.meta.env.SOMENAME用于我的环境vars，尽管这对于开发很好，只要组件使用了import.meta.env，测试就会失败：
我试过不同的变压器，巴贝尔插件和吐露，但都没成功.我很感激我能得到的每一个提示
浏览 2提问于2021-07-09得票数 6
我正在为我的vue3 vite应用程序尝试代码覆盖率。。我正在使用vite-plugin-istanbul库来测试代码，但在配置之后，它仍然没有在window.我的配置如下：
export default defineConfig({".ts
浏览 59提问于2022-05-23得票数 1
我无法使用jest和jest-environment-jsdom在vue3项目中运行简单的测试。下面是复制此问题的代码框链接，。", "preview": "vite preview --port 4173",
"lint": "
浏览 27提问于2022-06-11得票数 2
回答已采纳
我有一个用Vite、Vue3、TypeScript和Jest构建的简单项目来进行测试。(注意，@别名是在我的tsconfig.json、我的vite.config.js和我的jest.config.js中配置的)<script setup lang="ts">export type Variant
浏览 8提问于2022-01-23得票数 0
回答已采纳
我是一个关于Vite/Vue3 3的初学者，目前我面临一个问题，我需要社区的综合知识。我创建了一个Vite/Vue3 3应用程序，并安装了TailwindCSS：cd my-vite-vue-apptailwind.config.js文件中的所有模板文件中。现在我有
浏览 19提问于2022-04-14得票数 0
1回答
我试图在使用VITE + TS创建的项目中运行一些测试，并得到以下错误：模块typescript-cookie是唯一一个没有找到的模块。如果删除这个模块，所有测试都能正常工作！我的jest.config.ts testEnvironment: 'jest-environment-jsdom',
collectCoverageFrom{ts,
浏览 10提问于2022-06-21得票数 1
2回答
我正在创建一个vue3应用程序(用Vite创建)，该应用程序与以Solidity编写并存储在Ropsten上的智能契约进行交互。因此，我使用web3js与我的智能契约和web3存储交互，以便在IPFS上存储一些图像。在我的项目根目录中有一个.env文件，用于存储web3存储的API密钥：VITE_API_TOKEN=VALUE
问题是，很明显，web3存储期望API我总是得到一个错误<
浏览 21提问于2022-02-13得票数 2
回答已采纳
由于某种原因，VueUse破坏了我在Cypress component testing中的测试。无论我使用哪种composable，它都会抛出错误> ref is not defined或> watch is not defined。我查看了源代码，注意到vueuse在幕后使用vue-demi，所有问题都与从vue-demi导入有关。但是我试图单独从vue-demi导入一些东西，它可以工作，所以我不明白为什么它会和vueuse一起崩溃。 我的设置Vue 3+ Vite
浏览 9提问于2021-04-29得票数 5
我对vue感到困惑，我不知道如何将vite、ts和vue3正确地结合在一起，我想知道在vue中最好的解决方案是什么，我稍后会添加vue路由，vuex。我找到了两种创建上述项目的方法：我的问题是：
第一种方式生成vite.config.ts，而第二种方式没
浏览 3提问于2021-12-06得票数 0
1回答
我有Vue3项目设置的Vite。我使用Aws扩增将其部署到生产上。问题是每次我更新代码时，当部署成功时，我尝试刷新浏览器，但它没有显示新代码。我需要删除缓存持有CMD + SHIFT +R的浏览器铬，以便我可以查看新的更新。
我的配置是保持默认从放大器和Vue3设置。这样任何人都能帮我。
浏览 14提问于2022-04-21得票数 0
2回答
我创建了一个示例项目来重现这个问题：然后我安装了，一个由模板构建的web组件库。(我的公司内部设计系统也有同样的问题，所以我搜索了由公有模板建造的图书馆来复制这个问题。)tag) => tag.startsWith('scale-')
defineCustomEl
浏览 37提问于2022-06-07得票数 2
回答已采纳
当我尝试用玩笑运行测试时，我似乎在vue3中遇到了一个错误。Test suite failed to run Cannot find module 'vue-template-compiler
这就是我试着做测试时得到的结果。我知道这个包来自vue2，我安装了“@vue/编译程序-证监会”，这是这个包的vue3版本。如果我确实安装了那个vue模板编译器包，我就会得到版本不匹配的错误。任何找到解决这个问题<em
浏览 2提问于2021-01-19得票数 10
当前主Web应用程序-简单nuxt3 web应用程序组件库-简单vite/vue应用程序使用vite、vue3和tailwindcss构建自己的组件库当我使用npmrun dev时，我可以让我的组件很好地工作(从vite应用程序)，但是当我构建我的库npm run build:watch并将它们导入到另一个项目(nuxt )中时，顺风类/样式不能工作。这是应用程
浏览 2提问于2022-05-01得票数 4
回答已采纳
1回答
我用vue3、rollup和tsx创建了一个标记编辑器组件，我还用vue-cli创建了一个example，用vite创建了一个vite-example来测试编辑器。但是，当我在example中测试组件时，会出现一些But，例如，onMounted不能工作，元素的ref.value总是为null。复制步骤$ npm start$ npm install我使用@vu
浏览 10提问于2021-11-19得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
