【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辅助助手（透视）原来真的有辅助工具（哔哩哔哩）1）xpoker辅助助手免费钻石...
辅助透视！fishpoker透...
辅助透视！fishpoker透视底牌，xpoker辅助（透视）一贯是真的有辅助方法（哔哩哔哩）亲，关...
透视妙招！pokeplus脚本...
透视妙招！pokeplus脚本（透视）竟然是真的辅助修改器（哔哩哔哩）1、透视妙招！pokeplus...
科普透视！福建大菠萝万能辅助器...
科普透视！福建大菠萝万能辅助器，拱趴大菠萝十三水作必弊（透视）都是是真的有辅助脚本（哔哩哔哩）1、打...
截至发稿！光明大厅微信呢链接辅...
截至发稿！光明大厅微信呢链接辅助试用，一直有挂辅助器（真的有挂）-哔哩哔哩1、许多玩家不知道光明大厅...
关于透视！哈糖大菠萝可以开挂吗...
关于透视！哈糖大菠萝可以开挂吗，werplan外卦神器（透视）真是是真的有辅助方法（哔哩哔哩）哈糖大...
透视学习！wepoker辅助器...
您好，wepoker辅助器怎么弄这款游戏可以开挂的，确实是有挂的，需要了解加去威信【13670430...
此事引发网友热议！湖北卡五星教...
此事引发网友热议！湖北卡五星教程辅助，总是真的有辅助工具（有挂教程）-哔哩哔哩1、不需要AI权限，帮...
推荐透视！智星菠萝可以辅助吗，...
推荐透视！智星菠萝可以辅助吗，约局吧德州可以透视吗（透视）确实一直总是有辅助神器（哔哩哔哩）约局吧德...
透视项目！wpk俱乐部有没有辅...
透视项目！wpk俱乐部有没有辅助（透视）都是是真的辅助工具（哔哩哔哩）亲，关键说明，wpk俱乐部有没...