热门标签
热门文章
- 1one piece_娜美_01_one piece hentai
- 2CrossOver软件2023破解激活码_crossover-wine注册
- 3Spring Boot(四)：Thymeleaf 使用详解_spring thymeleaf
- 4NX+Ubuntu18.04+ROS Realsense(RealSenseD435i )的安装与使用_realsense安装
- 5记录：rosdep update
- 6js通过a标签的方式下载文件并对其重命名的完整方案_a标签下载文件重命名
- 7JavaScript中的Array.prototype.forEach()方法(简介+重写)_js array.prototype.foreach
- 8leetcode 94 二叉树的中序遍历（java）_lecode中树的输入root = [1,null,3,2,4,null,5,6]是怎么转化成节点的
- 9R语言入门笔记2.1
- 10c#--正则表达式（项目常用）_c# 正则表达式 数字
当前位置: article > 正文
vue3 动态引入图片时报错之“require is not defined”_vue3使用require报错
作者：我家自动化 | 2024-02-15 19:41:06
赞
踩
vue3使用require报错
一、背景
在vue3中使用require引入img时，发现控制台报错“require is not defined”。（如图所示）
二、原因
因为vue3项目使用vite创建的，而require是webpack提供的一种加载能力。
三、解决
方法一
使用new URL(url, import.meta.url).href的格式引入图片。
用法：
new URL（‘路径’，import.meta.url）.hrefbigImg:new URL('./assets/logo.png', import.meta.url).href,
方法二
直接使用import引用该图片路径。
备注
本文参考：夏兮颜
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家自动化/article/detail/86382
推荐阅读
相关标签
