我是看了这个底下的评论。才ok的。感谢大佬!
原文地址:https://blog.csdn.net/qq_38702877/article/details/103384626
以下是解决方案:
webpack4使用html-withimg-loader遇到问题
问题:图片路径会有default
ERROR in Error: Parse Error: <img src={"default":"389a66a25c539a9fd3524d58c43e2560.png"}> <script type="text/javascript" src="bundle.js?588181ceb9662c845b90"></script></body> </html>
解决方案:
file-loader升级以后,esModule参数默认为true,改为false即可
{
test: /\.(png|jpg|gif)$/,
use: [
{
loader: 'file-loader',
options: {
esModule: false,
outputPath: 'assets'
},
},
],
}