Vue 3 + vite技术架引入静态文件的问题(require和import方式)

news2024/11/17 9:32:54

Vue 3 + vite技术架无法使用require()的方式引入静态文件

使用Vue 3 + vite技术架开发过程中,引入静态资源时,习惯性使用require()引入,突然发现报错了。

在这里插入图片描述
研究了一下才发现,好像vite引入静态资源或者插件啥的,不用require()引入,好像只能使用import引入。郁闷,require()挺好用的捏,居然不行了。
使用require()引入可以在data()里面,return返回自定义的数据时,直接挂钩,使用import引入就只能提前引入。
示例:

// import方式引入
import images from "@/assets/images/01.png";

// require()引入
// 可以在data里面自定义数据时引入
data() {
    return {
    	images: require('../assets/images/01.png')
    }
}

END

如果对你有帮助,记得点个赞噢(~~)

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

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

相关文章

JAVA 二维码绘制,可定义背景图与在背景图种的位置,码点绘制避开logo区域10个像素点

效果图: 背景图: 直接看代码和代码说明: 方法drawQr() 为绘制核心,仅绘制出图上的二维码 方法createQr() 包含 读取背景图和 调用drawQr() 。绘制出完整的带有背景图的二维码 drawQr()方法参数说明: * param conten…

新星计划【数据结构与算法】赛道开启,欢迎报名!

前排提醒:这里是新星计划2023【数据结构与算法】学习方向的报名入口,一经报名,不可更换。 ↓↓↓报名方式:新星计划2023【数据结构与算法】学习方向报名入口!-CSDN社区 一、关于本学习方向导师 博客昵称:…

上海亚商投顾:沪指探底回升微跌 减速器概念股大涨

上海亚商投顾前言:无惧大盘涨跌,解密龙虎榜资金,跟踪一线游资和机构资金动向,识别短期热点和强势个股。 市场情绪 指数今日探底回升,三大股指盘中均跌超1%,随后跌幅逐渐收窄,沪指午后一度拉升翻…

Elasticsearch:使用 SIMD 指令加速向量搜索

作者:Chris Hegarty, Elastic Principal Engineer, Lucene PMC 翻译:杰瑞朱 多年来,Java 平台上运行的代码一直受益于自动向量化 —— HotSpot C2 编译器中的 superword 优化,将多个标量操作打包到 SIMD(单指令多数据…

CWDM粗波分复用和DWDM密集波分复用的区别?

WDM波分复用技术提供了一种经济高效的解决方案,无需在现有光纤网络中部署额外的光纤即可增加网络容量。 CWDM 和 DWDM 是两种主要的 WDM 技术,具有不同的波长模式、功能、成本和应用。 CWDM 代表粗波分复用,其中“Coarse” 是指通道之间的波…

分享一个内网的屏幕分享软件inletexemc

分享一个内网的屏幕分享软件inletexemc 参考文章:https://zhuanlan.zhihu.com/p/25912687 原本采用的一个叫veyon的电子教室管理软件,虽然可以实现这个效果,但是比较笨重,操作也比较繁琐,具体可参考:http…

对话商越苗峰:未来十年,采购数字化是ERP后最核心应用之一

“从创立开始,商越就非常清楚要做什么、不做什么,这个定位到现在没变,未来也不会变。” 作者|皮爷 出品|产业家 清晰、理智、坚定、条律分明,这是商越创始人苗峰给我的第一感觉。 在见到他之前,我曾想象过这家短短几…

来酷智生活,Type-C十二合一扩展坞来了

联想最新推出的“来酷智生活Type-C十二合一扩展坞”为用户带来更多接口选择,方便实用。 这款扩展坞包含12个接口,包括2个USB 3.2,2个USB 2.,2个HDMI接口,TF卡插槽,SD卡插槽,DP接口,P…

电压放大器在超声波检测中的应用

电压放大器是一种用于放大电压信号的电子设备,它具有低噪声、高增益、线性度高等特点,被广泛应用于各种电子设备中。在超声波检测中,电压放大器在信号的采集和处理中发挥着非常重要的作用。 超声波检测是一种通过声波的反射和传播来检测物体内…

系统定制开发-安卓输入法将应用顶起问题

输入法弹出会导致应用窗口往上移动 InputMethodService.java中有关窗口重置代码 只需要重写onComputeInsets,将outInsets.contentTopInsets 设为decor.getHeight() Overridepublic void onComputeInsets(final InputMethodService.Insets outInsets) {super.onComputeInsets(o…

6.2 文件与目录管理

6.2.1 文件与目录的检视: ls 在Linux中,ls指令最常被执行,因为我们随时都要知道文件或者目录的相关信息。Linux的文件记录信息很多,因此ls没有需要全部都列出来。所以下达ls时,默认的有:非隐藏文件的文件名…

电脑开机太慢!怎么让电脑开机速度变快?

电脑刚买来的时候,开机速度很快,用了一段时间后,开机速度越来越慢,甚至要等上好几分钟,这实在是太让人苦恼了!电脑开机太慢,怎么让电脑开机速度变快?其实想要解决这个问题很简单,我们…

centos安装docker后,ping不能服务器ip

工作中碰的问题,记录下解决过程: 问题描述 2台内网服务器:A(172.20.72.77)和B(172.17.3.222),在A服务上ping B 。 安装 docker之前是可以ping通,安装docker之后确ping不…

周鸿祎考上了清华博士

我是卢松松,点点上面的头像,欢迎关注我哦! 绝大多数人在功成名就后,想做的事:盖一所希望小学、去学校当老师或者当学生。而周鸿祎选择了去清华读博士。 360的老板周鸿祎,在他53岁的时候考上了清华博士&…

【虚拟机】电脑里面VirtualBox虚拟机不见了

非常突然,打开VirtualBox时,发现工具栏里面之前创建的虚拟机都不见了,自己又没有删,咋回事呢,有些慌,之前的撸力全没有了👿。。。之前有关注过存储文件路径,去找了一下发现*.vdi和*.…

多模态超省钱!JinaChat 面向开发者的大模型服务

2023年6月25日 Jina AI 发布了 JinaChat,一个面向开发者和终端用户的多模态大模型API。传统大型语言模型往往将竞争力建立在「参数多」和「刷分强」的基础上,然而对于应用开发者来说,传统模型商的 API 并不能很好地让开发者低成本的实现解决方…

记录spring boot引入JWT遇到的问题---突然自己展现登录页面

才用了两天的swagger,本来一切如常,焦头烂额写个带token的登录,终于写好了,准备验证一把,就发现swagger莫名其妙自己出现登录界面了,也不知道账号密码,慌得一批 1. 现象说明 试了自己写的登录账…

centos7下部署python

1.在liunx上安装python运行环境 [rootlocalhost ~]# yum -y install gcc[rootlocalhost ~]# yum -y install zlib-devel bzip2-devel openssl-devel ncurses-devel sqlite-devel readline-devel tk-devel gdbm-devel db4-devel libpcap-devel xz-devel libffi-devel2.进入到安…

HQChart使用教程30-K线图如何对接第3方数据38-通达信指标K线数据

HQChart使用教程30-K线图如何对接第3方数据38-通达信指标K线数据 指标内K线数据协议名称协议日志截图请求字段说明ExplainRequestData KLineDataTimeRange 返回json数据结构日K线分钟K线 HQChart代码地址交流 指标内K线数据 通达信指标计算过程中会用到K线数据,一般…

【Java面试】为什么匿名内部类只能访问外部类的final类型局部变量?

先来看一下下面一段代码 public class InnerClassTest {public static void main(String[] args) {int a 10;new Service() {Overridepublic void method() {System.out.println("a" a);}}.method();a 11;}}interface Service {public void method(); }这段代码并…