无法导入本地得图片(Vue中轮播图片)

问题:

可以从图中看出本地图片并没有导进去!!!!

解决:

如果你在 Vue 项目中无法导入本地图片,这通常是由于路径问题 或者webpack 配置不正确导致的。

很明显这跟路径是没有关系的!!!

1. 使用 requireimport 导入图片

require!(AI案例)并没有实践了一下,require也找不到声明什么的,盲猜应该是需要安装一下什么的,觉得麻烦,就用了import导进去!!!!

javascript 复制代码
<script setup>  
import { ref } from 'vue'  
  
const carouselItems = ref([  
  { image: 'https://example.com/image1.jpg', title: 'Title 1' },  
  { image: require('@/assets/imgs/bg.png'), title: 'Title 2' },  
  // ...  
]);  
</script>

!!!!当然了我这里用的是import导入图片

相关推荐
剑神一笑1 分钟前
Linux du 命令深度解析:从磁盘占用统计到目录空间分析
linux·运维·前端
weixin_446260853 分钟前
AI驱动的前沿前端技术栈深度解析:从模型能力到UI封装的完整生命周期
前端·人工智能·ui
程序猿编码5 分钟前
Linux 高负载场景下 Web 服务访问日志极速定位工具实现解析(C/C++代码实现)
linux·服务器·c语言·前端·c++
ZC跨境爬虫7 分钟前
跟着 MDN 学 HTML day_35:(深入解析 CharacterData 抽象接口)
java·前端·ui·html·edge浏览器·媒体
LIUAWEIO12 分钟前
Unix 时间戳换算
前端·后端·unix·database
金玉满堂@bj12 分钟前
Django \+ MySQL 的标准 Web 项目搭建-初级练习小项目
前端·mysql·django
哆啦A梦158821 分钟前
11,Springboot3+vue3个人中心,修改密码
java·前端·javascript·数据库·vue3
小则又沐风a22 分钟前
C++模板进阶
java·服务器·前端·c++
不会写DN30 分钟前
PyScript-GitHubRepo:构建高性能GitHub仓库批量下载工具的技术实践
开发语言·前端·python
Setsuna_F_Seiei30 分钟前
AI 提效之 MCP - Agent 与执行工具的链接协议
前端·javascript·ai编程