admin 管理员组

文章数量: 1184232

此问题发生的原因是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，说明为精准匹配，即为我们需要的内容，点击进入。

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

本文标签： 办法 HANDLE Loader file loaders

版权声明：本文标题：通用办法解决You may need an appropriate loader to handle this file type, currently no loaders are config问题 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1766570790a3471112.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。