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

相关推荐
zhangjin12222 分钟前
kettle从入门到精通 第八十五课 ETL之kettle kettle中javascript步骤调用外部javascript/js文件
javascript·数据仓库·etl·kettle调用外部js
CaptainDrake5 分钟前
Vue:指令
前端·javascript·vue.js
软件技术NINI8 分钟前
HTML——基本标签
前端·javascript·html
卡兰芙的微笑32 分钟前
get_property --Cmakelist之中
前端·数据库·编辑器
覆水难收呀35 分钟前
三、(JS)JS中常见的表单事件
开发语言·前端·javascript
猿来如此呀42 分钟前
运行npm install 时,卡在sill idealTree buildDeps没有反应
前端·npm·node.js
hw_happy1 小时前
解决 npm ERR! node-sass 和 gyp ERR! node-gyp 报错问题
前端·npm·sass
FHKHH1 小时前
计算机网络第二章:作业 1: Web 服务器
服务器·前端·计算机网络
计算机程序设计开发1 小时前
计算机毕业设计公交站点线路查询网站登录注册搜索站点线路车次/springboot/javaWEB/J2EE/MYSQL数据库/vue前后分离小程序
数据库·vue.js·spring boot·课程设计·计算机毕业设计
QQ13049796941 小时前
Vue+nodejs+express旅游景区门票预订网站的设计与实现 8caai前后端分离
vue.js·express·旅游