vitest测试 element-plus二次封装组件时css文件报错

news2024/9/23 13:18:01

bug描述:使用 element-plus 二次封装组件,使用 vitest 测试时报错,对于 element-plus 的 css 样式识别失败。
报错内容: Unknown file extension “.css” for D:\demo\omniButton\node_modules.pnpm\registry.npmmirror.com+element-plus@2.2.9_vue@3.2.37\node_modules\element-plus\theme-chalk\el-button.css
在这里插入图片描述
解决方案:
在 vite.config.js 中配置:

test: {
    deps: {
      inline: ['element-plus']
    }
  },

重启生效,vitest 会 hmr,如果未生效,请重启

相关资料查询:
https://stackoverflow.com/questions/75006674/vitest-with-element-plus-unplugin-unknown-extension-for-scss
https://github.com/vitest-dev/vitest/issues/1388

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/697182.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

SQL专家云快速解决阻塞

背景 当数据库突然产生严重阻塞时,运维人员要快速找到阻塞的源头并处理,让业务快速恢复。但是大多数运维人员只掌握了sp_who2、sp_lock等简单的语句,存在以下不足: 找不到真正的源头,过程中会误杀掉大量的会话&#xf…

IDE写代码,你用哪一款比较好?

目前市面上IDE种类非常多,很多程序员都会纠结究竟用哪一种IDE写代码比较好呢?IDE不过是写代码的辅助工具而已,运行环境和书写格式其实都一样,关键在于你用哪一款比较顺手。以下为大家推荐一些,一些常用的IDE工具&#…

助推人脉从资源化变成资产化,开利网络持续赋能广东商合会数字化

在企业经营发展的过程中,资源尤其是人脉资源的积累和应用是企业一直要做的事情,能够帮助企业建立强大的关系网络、从中也可能诞生更多的商机。开利网络服务客户商合会科技发展(广东)有限公司正是基于人脉资源的对接与增值而研发了…

【疑难解决】EasyCVR激活授权不成功的原因排查与解决

我们的EasyCVR等视频平台授权方式有这几种:加密机、加密狗、激活码,关于授权相关的问题,我们在此前的文章中也分享了很多,有需要的用户可以翻阅往期的文章进行了解。 有用户反馈,上传激活码文件后,既无报错…

STM32单片机(九)USART串口----第八节:FlyMcu串口下载

❤️ 专栏简介:本专栏记录了从零学习单片机的过程,其中包括51单片机和STM32单片机两部分;建议先学习51单片机,其是STM32等高级单片机的基础;这样再学习STM32时才能融会贯通。 ☀️ 专栏适用人群 :适用于想要…

OSI参考模型(四)

目录 OSI模型 一、物理层 二、数据链路层 三、网络层 四、传输层 五、会话层 六、表示层 七、应用层 OSI模型 OSI七层模型,是国际标准化组织(ISO)和国际电报电话咨询委员会(CCITT)1984年联合制定的开放系统互联参考模型,为开放式互联信息系统提供…

基于QQ邮箱实现验证码

基于QQ邮箱实现验证码 qq邮箱市场占有率挺高的。而且邮箱获取验证码也是比较方便的。 而且qq邮箱验证码是不收费的对于小白和初级开发者是比较友好的,而且是比较好上手的。 1.开发 1.进入qq邮箱点击设置。 2.点击账户 3.找到如下 没开启的需要开启一下&#xff0…

使用Cursor自动编写一个图像查看工具

imageview 最近忙于项目,断更许久,随便写点东西吧。今天跟大家分享的,是基于cursor 自动生成和稍加润色的一个图片显示工具。最近在做半导体AOI软件,其中有一个模块需要在相机实时取像时,显示图像,图像要能支持缩放、移动和中心标定。总的来说,实现的功能也比较简单。使…

如何避免死锁——方法2_ubique_lock

前文&#xff1a;如何避免死锁&#xff1a;方法一_御坂美琴1的博客-CSDN博客 unique_lock<mutex> 大部分情况下可以和lock_guard<mutex>替换。但是前者更灵活&#xff0c;同时也占用了更多的内存资源。 unique_lock也是一个模板类。 unique_lock<mutex> gua…

vue?parseHTML?函数源码解析

目录 正文函数开头定义的一些常量和变量while 循环 textEnd 0parseStartTag 函数解析开始标签 总结&#xff1a; 正文 接上篇&#xff1a; Vue编译器源码分析AST 抽象语法树 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 …

【遇到的问题】ServiceLoader.load(Driver.class),没有找到Driver接口对应的实体类

ServiceLoader ServiceLoder的SPIServiceLoader.load(Driver.class)的作用 代码详解出现的问题解决方式 ServiceLoder的SPI ServiceLoader.load(Driver.class)的作用 java.util.ServiceLoader工具类方法会使用ClassLoad类的getResources方法获取指定目录下的文件&#xff0c;…

C语言中的字符串输入(gets_s、fgets、scanf、fscanf)与相关内存分配知识

0. C语言的内存分配知识 分配内存空间有两种方式&#xff1a;静态内存分配和动态内存分配 0.1 静态内存分配 指的是在编译时确定数组等数据类型的大小&#xff0c;然后由计算机分配好&#xff0c;通常是存在栈上的数据 例如&#xff1a;在声明数组时&#xff0c;需要显示的指明…

Nacos 配置统一管理、热部署、多环境配置共享

目录 一、Nacos 配置统一管理 1.1、启动 Nacos 服务 1.2、Nacos 新建配置 1.3、引入依赖 1.4、Nacos 地址读取 1.5、演示效果 二、Nacos 配置热部署 三、多环境配置共享 一、Nacos 配置统一管理 1.1、启动 Nacos 服务 在当前文件下打开终端&#xff0c;输入如下指令启…

vue2实现卡片拖拽式课程表

目录 一、效果展示 二、代码分析 2.1、两栏布局、表格编写与课程卡片 2.2、初始化数据与渲染 2.3、拖拽卡片到表格&#xff0c;进行插入 2.4、自定义指令进行删除 一、效果展示 二、代码分析 主页面代码&#xff1a; <template><div class"board"&…

【QT】枚举常用宏(Q_ENUM,Q_FLAG,Q_DECLARE_FLAGS,Q_DECLARE_OPERATORS_FOR_FLAGS)

目录 1. Q_ENUM宏 与 QMetaEnum类1.1 Q_ENUM宏的作用1.2 使用Q_ENUM注意的问题1.3 在写有关枚举的代码时&#xff0c;我们可能遇到这种情况&#xff1a;需要用到枚举的字符串&#xff0c;该怎么办&#xff1f;1.4 下面通过一段简单的代码来说明Q_ENUM的作用 2. Q_FLAG宏2.1 Q_F…

datax mysql同步数据到clickhouse配置文件样例及说明

datax mysql同步数据到clickhouse配置文件样例及说明 { "job": { "content": [ { "reader": { "parameter": { "password": "…

魔兽世界私人服务器怎么开

开设魔兽世界的私人服务器涉及到一系列复杂的步骤和技术要求。下面是一个大致的指南&#xff0c;以供参考&#xff1a; 1. 硬件需求&#xff1a;首先&#xff0c;你需要一台强大的服务器来承载游戏服务器。服务器的规模和配置将取决于你计划同时容纳多少玩家以及服务器的性能要…

linux下unmount了移动硬盘之后,硬盘灯还是常亮并且硬盘还在一直转动

linux下unmount了移动硬盘之后&#xff0c;硬盘灯还是常亮并且硬盘还在一直转动 ​ 参考:https://www.zhihu.com/question/23362385 希捷2T移动硬盘 在windows下卸载硬盘之后硬盘灯就不亮了&#xff0c;手摸也没有震动感。 在ubuntu下卸载硬盘之后&#xff0c;硬盘灯仍然常…

语音采集技术新革命,4G语音工牌问世,它有哪些应用价值?

随着ChatGpt的火爆和大语言模型的日趋成熟&#xff0c;智能语音赛道迎一轮新的发展。越来越多的企业开始着眼语音数据价值的挖掘&#xff0c;期望能借此来实现销售过程的洞察、赋能&#xff0c;服务过程的管理&#xff0c;客户的精细化运营。基于此&#xff0c;语音前端的采集工…

基于数字全息和相位恢复算法的信息加密与重建实验研究-Matlab代码

▒▒本文目录▒▒ 一、引言二、相位恢复算法三、数字全息显微加密与重建实验验证3.1 基于相位恢复算法全息图加密与解密3.2 菲涅耳变换法重建像3.3 卷积法重建像3.4 角谱法重建像 四、参考文献五、Matlab程序获取 一、引言 近年来&#xff0c;基于光学信息处理技术对图像进行加…