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

相关推荐
angerdream2 分钟前
最新版vue3+TypeScript开发入门到实战教程之路由详解二
javascript·vue.js
恋猫de小郭2 分钟前
React Native 鸿蒙 2026 路线发布,为什么它的适配成本那么高?
android·前端·react native
一颗烂土豆7 分钟前
拒绝 rem 计算!Vue3 大屏适配,我用 vfit 一行代码搞定
vue.js·响应式设计·数据可视化
徐小夕9 分钟前
一个普通Word文档,为什么99%的开源编辑器都"认怂"了?我们选择正面硬刚
vue.js·后端·github
呆头鸭L12 分钟前
Electron进程通信
前端·javascript·electron·前端框架·vue
splage26 分钟前
spring-boot-starter和spring-boot-starter-web的关联
前端
张元清34 分钟前
使用 Hooks 构建无障碍 React 组件
前端·javascript·面试
Mahut1 小时前
从零构建神经影像可视化库:neuroviz 的架构设计与实现
前端·javascript·github
慧一居士1 小时前
VueUse 功能介绍使用场景及完整使用示例
前端·vue.js
奇怪的猫1 小时前
浏览器窗口最小化的时候,setInterval 执行变慢,解决方案
前端·javascript