前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >file-loader 1.0.0加载文件显示[object object]bug

file-loader 1.0.0加载文件显示[object object]bug

作者头像
frontoldman
发布2019-09-02 16:39:54
6750
发布2019-09-02 16:39:54
举报
文章被收录于专栏:樯橹代码

开发一个新的项目,配置了webpack+typescript+react+postcss

webpack 升级到了最新版3.4.1

然后在加载字体的时候出现了问题,css中引入了字体,可以是字体没有起作用,查看生成的代码发现

代码语言:javascript
复制
@font-face {
  font-family: Mrs Eaves XL Serif;
  font-style: normal;
   /* Font file paths are broken */
  src: url([object object]) format("woff2"), 
    url([object object]) format("woff"), 
    url([object object]) format("truetype")
}
  1. 因为是第一次使用postcss,以为是postcss的问题。但是查遍postcss插件没有发现关于这部分的介绍,遂删除掉postcss,只加载css。未解决,放弃。
  2. 使用了extract-text-webpack-plugin,以为是单独分离这块内容导致的问题,去掉这个插件之后,未解决,放弃。
  3. 以为是file-loader的配置问题,反复修改字体扩展名配置,未解决,放弃。
  4. file-loader换成url-loader,未解决,放弃
  5. 以为是typescript的问题,删除掉typescript,未解决放弃
  6. 以为是webpack版本bug,换成低版本webpack,未解决,放弃
  7. 以为是公司内部npm镜像的问题,修改镜像安装。未解决,放弃

到这里,笔者已经基本崩溃了。已经快搞一上午了,任务还没开始。

然后,笔者并没有放弃!!!

通过比对之前一个可以运行的项目,发现:两个项目的依赖包都是重新安装的,一个就可以,一个就不行。再仔细比对依赖包发现file-loader的版本好像不一样,遂拷贝一份过来。哈哈,可以了。

原来file-loader 升级到了1.0.0,导致了这个bug。网上好像搜不到这个bug的相关描述,但是在file-loader的github上有人提了这个issues。原来看issues也是解决问题的途径之一。

所以这个问题的解决方式就是把file-loader版本降到1.0.0以下就可以了

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档