【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辅助助手...
规律教程！xpoker辅助助手德州辅助app官方最新版本介绍下载（果真真的有挂）1、每一步都需要思考...
详细教程!！wpk私人辅助德扑...
详细教程!！wpk私人辅助德扑之星透视软件（一直真的有挂）1、下载好wpk私人辅助辅助软件之后点击打...
教你教程！cloudpoker...
教你教程！cloudpoker外挂WePOKer有没有透视方法（一般真的有挂）1、cloudpoke...
专业教程！wejoker黑侠辅...
专业教程！wejoker黑侠辅助器HHpoker可以开挂吗（一贯真的有挂）；进入游戏-大厅左侧-新手...
透牌教程！哈糖大菠萝辅助器we...
透牌教程！哈糖大菠萝辅助器wepoker到底能不能透视（都是真的有挂）；1、首先打开哈糖大菠萝辅助器...
2025新版技巧！wpk模拟器...
2025新版技巧！wpk模拟器是什么天天畅玩德州有挂吗（好像真的有挂）；1、首先打开wpk模拟器是什...
新版2025教程！wepoke...
新版2025教程！wepoker有没有透视方法wpk德州辅助（的确是有挂的）1、点击下载安装，wep...
扑克教程!！impoker辅助...
扑克教程!！impoker辅助wepoker私人局作弊开挂方法（其实真的有挂）；一、impoker辅...
wpk教程！pokemmo脚本...
wpk教程！pokemmo脚本手机版wepoker德州开挂辅助方法（的确是有挂的）1、构建自己的po...
攻略教程!！菠萝辅助器免费版的...
攻略教程!！菠萝辅助器免费版的功能介绍德州大菠萝摆牌攻略（一贯真的有挂）1）菠萝辅助器免费版的功能介...