【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 学习笔记
下一篇：谷歌外链的重要性及获取方法！
相关内容
热门资讯
揭秘真相！微信小程序家乡大二解...
揭秘真相！微信小程序家乡大二解码，xpoker辅助助手，攻略教程（有挂总结）；致您一封信；亲爱微信小...
推荐一款！天天微友第三方辅助软...
推荐一款！天天微友第三方辅助软件下载，hhpoker辅助靠谱吗，透明挂教程（了解有挂）;1、不需要A...
一分钟快速了解！牵手游戏辅助器...
您好：牵手游戏辅助器这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的牌特...
一分钟了解！广东雀神祈福真的有...
一分钟了解！广东雀神祈福真的有用吗，wepoker好友房开挂，必赢教程（真的有挂）是一款可以让一直输...
玩家必看攻略！超级三加一辅助工...
玩家必看攻略！超级三加一辅助工具安装，德普之星私人局透视，必备教程（确实有挂）;AI辅助机器人普及解...
推荐十款！钱柜手游辅助，we ...
推荐十款！钱柜手游辅助，we poker辅助器v3.3，2025新版教程（有挂教程）；亲真的是有正版...
记者揭秘！手机辅助脚本工具，w...
记者揭秘！手机辅助脚本工具，wpk辅助器是真的吗，新2025教程（有挂功能）;一、手机辅助脚本工具A...
玩家实测！小程序牵手跑得有辅助...
玩家实测！小程序牵手跑得有辅助器，pokernow辅助工具，2025新版（有挂细节）；超受欢迎的小程...
重大科普！雀神麻将辅助透视，w...
重大科普！雀神麻将辅助透视，wepoker破解游戏盒子，新版2025教程（有挂技巧）；小薇（透视辅助...
揭秘几款！乐酷辅助，wepok...
揭秘几款！乐酷辅助，wepoker底牌透视，技巧教程（存在有挂）;AI辅助机器人普及解说快速成为一个...