【Webpack 踩坑】img 标签图片加载不出来
创始人
2024-11-11 16:07:56
0次
问题：在
html的img标签路径解析错误，导致加载不出来
一直用框架开发，好久没用过webpack写原生代码，一下子踩了好多坑…
图片位置：
其中一个就是在html中写了图片地址：
![]()
不管怎么改控制台都显示下面的报错：
看了好多帖子都写的是打包后，图片有问题。但是我是想在webpack-dev-server下显示出来
解决方案：
1.在js文件引入：
![]()
// index.js import img from '@/assets/images/logo_lw.png'; document.querySelector(".img").setAttribute("src", img); 2.webpack.config.js配置html-loader
// webpack.config.js module.exports = { mode: 'development', module: { rules: [ { test: /.html$/, loader: 'html-loader', options: { esModule: false } } ] } } （因为html文件成功加载了，以为不用html-loader。后来想起webpack只能理解javascript和json，抱着试一下的态度加上去，没想到还真有用）
上一篇：XML 学习笔记
下一篇：谷歌外链的重要性及获取方法！
相关内容
热门资讯
七分钟了解！拱趴游戏辅助，福建...
七分钟了解！拱趴游戏辅助，福建兄弟十三水辅助器下载（原来是真的有挂）1、操作简单，无需注册，只需要使...
透视辅助!佛手大菠萝13道挂哪...
透视辅助!佛手大菠萝13道挂哪里(透视)永久脚本辅助器(详细辅助教你教程)；1、佛手大菠萝13道挂哪...
透视智能ai"aa ...
透视智能ai"aa poker辅助"详细辅助靠谱教程(都是真的是有挂)1、点击下载安装，aa pok...
第六分钟了解！卡五星游戏源码，...
第六分钟了解！卡五星游戏源码，闲逸透视app真的可以透视吗（都是有挂）1、进入游戏-大厅左侧-新手福...
透视插件!拱趴大菠萝挂怎么安装...
透视插件!拱趴大菠萝挂怎么安装(透视)永久脚本辅助助手(详细辅助力荐教程)；1、进入游戏-大厅左侧-...
透视透视"哈糖大菠萝...
透视透视"哈糖大菠萝挂法"详细辅助新版2025教程(其实是真的有挂)1、进入游戏-大厅左侧-新手福利...
第二分钟了解！新海贝之城辅助，...
第二分钟了解！新海贝之城辅助，打哈儿辅助（竟然真的是有挂）一、新海贝之城辅助AI软件牌型概率发牌机制...
透视脚本!hhpoker辅助挂...
透视脚本!hhpoker辅助挂下载(透视)永久脚本辅助app(详细辅助揭秘教程)；1、下载好hhpo...
透视黑科技"wepo...
透视黑科技"wepoker透视器免费"详细辅助切实教程(都是存在有挂)小薇（透视辅助）致您一封信；亲...
第五分钟了解！多乐跑辅助，山西...
第五分钟了解！多乐跑辅助，山西扣点免费辅助（原来存在有挂）1、山西扣点免费辅助系统规律教程、山西扣点...