此问题发生的原因是webpack无法处理相应后缀的文件所引发的，因此需要自己引入loader来帮助webpack处理。其处理逻辑是一样的，下面将会写几个例子：

此图报错为无法处理png文件，需要手动添加loader。在终端运行下载如下loader:

npm i url-loader@4.1.1 file-loader@6.2.0 -D

下载成功后，需在webpack.config.js文件的module模块中加入以下内容：

​
{
    test: /\.jpg|png|gif$/,
    use:['url-loader?limit=22229&outputPath=images'],
                
 }

​

通用的解决办法：

当出现以上问题时，可以先进行查询，此问题需要哪个loader辅助解决，而后搜索进入npmjs网站，也可使用网址直接进入，网址为：npm | Home

在上面的搜索框上输入所需loader的名字，如刚刚我们需要的loader,如下

红框框内为exact match，说明为精准匹配，即为我们需要的内容，点击进入。

此为配置流程，根据所需选择使用即可