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

相关推荐
Liamhuo23 分钟前
2.1.7 network-浏览器-前端浏览器数据存储
前端·浏览器
洋葱头_24 分钟前
vue3项目不支持低版本的android,如何做兼容
前端·vue.js
前端小书生33 分钟前
React 组件渲染
前端·react.js
奔跑的蜗牛ing37 分钟前
Vue3 + Element Plus 输入框省略号插件:零侵入式全局解决方案
vue.js·typescript·前端工程化
sjd_积跬步至千里39 分钟前
CSS实现文字横向无限滚动效果
前端
维他AD钙40 分钟前
前端基础避坑:3 个实用知识点的简单用法
前端
journs42 分钟前
micro-app微前端styled-components CSSOM模式 应用切换样式丢失问题
前端
呼啦啦小魔仙42 分钟前
elpis项目DSL设计分享
前端
李李记43 分钟前
别让 “断字” 毁了 Canvas 界面!splitByGrapheme 轻松搞定非拉丁文本换行
前端·canvas
来金德瑞43 分钟前
快速掌握 ProseMirror 的核心概念
前端