webpack_html-loader报错：'Error: Automatic publicPath is not supported in this browser'

目录

• 错误详情
• 解决方法
  • 一个错误的尝试方法
  • 打包后的文件目录
• 参考链接

错误详情

在html文件中添加<img>标签，并写入src属性后打包报错

ERROR in Error: C:\Users\12203\Desktop\webpack-practice\05_打包图
片资源\src\index .html:97
/******/ if (!scriptUrl) throw new Error("Automatic publicPath is not supported in this browser");
^
Error: Automatic publicPath is not supported in this browser

解决方法

在webpack.config.js中output写入属性publicPath:'./'即可。

一个错误的尝试方法

我试图将<img>的src属性的./删去，但依然报错。严格写入publicPath即可。

打包后的文件目录

│  webpack.config.js
│  
├─dist
│  │  bundle.js
│  │  index.html
│  │  
│  └─img
│          2e0f10b356.jpg
│          3fb3b9239a.jpg
│          7cbde3b492.jpg
│          88e40a8cf6.jpeg
│          
└─src
    │  index.html
    │  index.less
    │  main.js
    │  
    ├─img
    │      19300260829801133655476327752_950.jpg
    │      20150228172529_yZALv.jpg
    │      20160607122101_At5zX.jpeg
    │      
    └─img2
        └─images
                12942076507360.jpg

参考链接

webpack:url-loader 图片路径问题
url-loader处理css中的图片资源遇到的问题