无法导入本地得图片(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导入图片

相关推荐
IT_陈寒5 分钟前
Vue这个动态响应坑把我整不会了
前端·人工智能·后端
bestlanzi19 分钟前
使用nvm管理node环境
前端·vue.js·npm
SomeOtherTime30 分钟前
Geojson相关(AI回答)
java·前端·python
不好听6131 小时前
JavaScript 到底是怎么运行的?从编译阶段到执行上下文全面解析
javascript
丷丩2 小时前
MapLibre GL JS第29课:添加Canvas源
javascript·gis·map·mapbox·maplibre gl js
就叫_这个吧2 小时前
HTML常用标签及举例使用
前端·html
utf8mb4安全女神2 小时前
【rsyslog服务】把所有服务的“临界点”以上的错误都保存在/var/log/alert.log⽇志中
java·前端·javascript
YANQ6622 小时前
7.bundlesdf本地安装
前端·webpack·node.js
csdn_aspnet2 小时前
javascript 算法 LeetCode 编号 70 - 爬楼梯
开发语言·javascript·算法·leetcode·ecmascript
swipe2 小时前
DeepAgents 多 Agent 深度调研助手工程实战:从 createDeepAgent 到可控调研工作流
javascript·面试·langchain