【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 学习笔记
下一篇：谷歌外链的重要性及获取方法！
相关内容
热门资讯
分享一款!智星德州菠萝偷偷看牌...
分享一款!智星德州菠萝偷偷看牌功能,太坑了果然存在有挂(2025已更新)(哔哩哔哩);是一款可以让一...
第九分钟了解！微信小程序哥哥打...
第九分钟了解！微信小程序哥哥打大a辅助器插件开挂，中至赣州冲关小程序辅助软件透视挂（最新版本2026...
三分钟辅助！顺欣茶楼辅助软件，...
三分钟辅助！顺欣茶楼辅助软件，新荣耀辅助软件（正版透视开挂辅助攻略）1、操作简单，无需注册，只需要使...
总算了解“wepoker作z弊...
总算了解“wepoker作z弊辅助软件”（透视）详细开挂辅助方法wepoker（私人局透视开挂方法）...
黑科技辅助(wpk长期)外挂软...
黑科技辅助(wpk长期)外挂软件透明挂智能ai代打辅助助手(透视)新2025教程(2022已更新)(...
黑科技辅助挂!德州辅助神器wp...
黑科技辅助挂!德州辅助神器wpk,太坑了最初存在有挂(2024已更新)(哔哩哔哩)，德州辅助神器wp...
1分钟了解！闲逸亲友圈app辅...
1分钟了解！闲逸亲友圈app辅助插件开挂，新518互游插件软件透视挂（最新版本2026）暗藏猫腻，小...
五分钟辅助！八仙游戏辅助，西兵...
五分钟辅助！八仙游戏辅助，西兵互娱辅助（正版透视开挂辅助教程）西兵互娱辅助辅助器中分为三种模型：西兵...
终于知道“德州最厉害三个辅助”...
终于知道“德州最厉害三个辅助”（透视）详细开挂辅助技巧以其独特的游戏机制和丰富的玩家体验吸引了大量爱...
黑科技辅助(微扑克钻石)外挂软...
黑科技辅助(微扑克钻石)外挂软件透明挂智能ai辅助助手(透视)高科技教程(2026已更新)(哔哩哔哩...