【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 学习笔记
下一篇：谷歌外链的重要性及获取方法！
相关内容
热门资讯
德州扑克辅助!德扑之星最新版本...
德州扑克辅助!德扑之星最新版本更新内容介绍,分享辅助多功能安装APP步骤；近期一款 AI 黑科技工具...
菠萝智星德州详情！wepoke...
菠萝智星德州详情！wepoker是不是技术越好牌就越好（透视），原本真的是有透视软件主打赛后复盘的 ...
WePoKer有挂！微扑克发牌...
WePoKer有挂！微扑克发牌真的很假（辅助），竟然是真的有辅助软件是一款可以让一直输的玩家，快速成...
红龙PoKer必备！wepok...
您好，wepoker开挂透视方法这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】...
德州扑克科普！德扑之星辅助下载...
您好，德扑之星辅助下载这款游戏可以开挂的，确实是有挂的，需要了解加微【485275054】很多玩家在...
aapoker总结！微扑克辅助...
aapoker总结！微扑克辅助封号（辅助器），总是真的有辅助器安装是一款可以让一直输的玩家，快速成为...
微扑克普及！AlphaQ德州辅...
微扑克普及！AlphaQ德州辅助怎么样（辅助器），一向是真的有辅助器安装主打赛后复盘的 AI 游戏攻...
德州扑克必备！德州辅助app官...
您好，德州辅助app官方最新版本介绍大全这款游戏可以开挂的，确实是有挂的，需要了解加微【136704...
智星菠萝德州关于！德扑之星开挂...
智星菠萝德州关于！德扑之星开挂辅助器（辅助器），先前是有辅助器神器是一款可以让一直输的玩家，快速成为...
菠萝智星德州揭露！德扑之星系统...
您好：德扑之星系统规律这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的牌...