vue识别不了.ico后缀的图片, 该如何处理?

今天在使用hi-luckysheet时候发现引入的luckysheet.css无法识别ico文件,网上搜到csdn有答案,但又被VIP限制查看,故此将解决办法写到这里。
luckysheet没有npm install安装方式,故此使用hi-luckysheet,导致在引入时候出现这种问题。
错误详情:
image.png

阅读 823
1 个回答

从问题分析来说,就是vue.config.js没有配置对.ico图片的处理。因此我们要添加对ico图片的处理方式如下:

// vue.config.js
module.exports = {
  chainWebpack: config => {
    config.module
    .rule('images')
    .test(/\.(png|jpe?g|gif|ico)$/i)
    .use('url-loader')
    .loader('url-loader')
    .tap(options => Object.assign(options, { limit: 2000, esModule: false }));
    }
  }
}

这样就可以解决这个问题了。(csdnvip才可见,实在生气,我在它的评论区也把代码贴了。)

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题