webpack报错： if (!scriptUrl) throw new Error(“Automatic publicPath is not supported in this

桃扇骨 2022-12-29 04:53 137阅读 0赞

# 报错 /\*\*\*\*\*\*/ if (!scriptUrl) throw new Error(“Automatic publicPath is not supported in this browser”); #

Error: Automatic publicPath is not supported in this browser

*  index.html:95  
    D:/fore-end/webpack/04-打包图片资源/src/index.html:95:33
 *  index.html:98  
    D:/fore-end/webpack/04-打包图片资源/src/index.html:98:12
 *  index.js:127 HtmlWebpackPlugin.evaluateCompilationResult  
    \[fore-end\]/\[html-webpack-plugin\]/index.js:127:28
 *  index.js:305  
    \[fore-end\]/\[html-webpack-plugin\]/index.js:305:26
 *  task\_queues.js:97 processTicksAndRejections  
    internal/process/task\_queues.js:97:5
 *  async Promise.all
 *  async Promise.all
 *  ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pTNzQ1MjA_size_16_color_FFFFFF_t_70]  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pTNzQ1MjA_size_16_color_FFFFFF_t_70 1]

## 报错原因： ##

打包资源后不能解析“./”之类的路径，需要通过publicPath配置。在原有的output基础上配置：publicPath: ‘./’  
**配置如下：**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pTNzQ1MjA_size_16_color_FFFFFF_t_70 2]

## 报错问题解决，再次输入webpack指令。 ##

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pTNzQ1MjA_size_16_color_FFFFFF_t_70]: /images/20221120/824c57fb4ae94edaa049187417b06cfd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pTNzQ1MjA_size_16_color_FFFFFF_t_70 1]: /images/20221120/adcee8b65d744035ab98217a1afc9b06.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pTNzQ1MjA_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/202012201430027.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pTNzQ1MjA=,size_16,color_FFFFFF,t_70