webpack打包字体图标 报错 OTS parsing error: invalid version tag

最新推荐文章于 2024-03-29 22:59:40 发布
最新推荐文章于 2024-03-29 22:59:40 发布
阅读量7.6k 收藏 1
点赞数 2
分类专栏： webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/y389278443z/article/details/84313157
版权

浏览器中的错误为

实际显示效果为

 

这个时候，主要就是 style.css里面的路径的问题，开始查了下，网上都说要用相对的路径，于是就写从/src/static/.....    结果还是没变，还是报错，  看了一篇国外大神的问答 https://stackoverflow.com/questions/34133808/webpack-ots-parsing-error-loading-fonts# ，照着上面强制修改了publicPath，还是不行，试了半天既然是路径的问题，那就用相对路径试一试咯， 改路为../static/....  ，成功！

y389278443z
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
已经安装了html-webpack-plugin,还是报错：Error: Cannot find module ‘html-webpack-plugin’
01-08
之前项目目录是： 运行起来一切成功，后来新建了build文件目录，并且将webpack.config.js移动到了build文件中， package.json中的script: scripts: { test: echo \Error: no test specified\ && exit 1, start: node ./src/koa.js, build: webpack --config ./build/webpack.config.js }, 配置好了之后，运行 $ npm run build 结果报错提示： 发现
解决vue-cli webpack打包开启Gzip 报错问题
10-16
主要介绍了vue-cli webpack打包开启Gzip 报错问题的解决方法，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
4.0 webpack 打包其它资源（eg：字体）
最新发布
weixin_44472131的博客
03-29 183
虽然作为一个前端已经耕耘此行业有三五个年头，但都是在业务中未曾精进，怀着初心，重识Webpack，砥砺前行💪#
webpack配置导致字体图标无法显示的解决方法
08-27
下面小编就为大家分享一篇webpack配置导致字体图标无法显示的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决vue-cli项目webpack打包后iconfont文件路径的问题
10-18
今天小编就为大家分享一篇解决vue-cli项目webpack打包后iconfont文件路径的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
OTS parsing error: invalid version tag woff和ttf文件被Filter拦截
weixin_34049032的博客
07-25 1089
从服务器下载的字体文件放在本地，执行无法展示iconfont，浏览器控制台报出 Failed to decode downloaded font: http://127.0.0.1:8080/mhr/group-assets/iconfont/iconfont.ttf?t=1500884389272login_group.html:1 OTS parsing error: invalid ver...
【Vue2-uniapp】Vue引入iconfont失败原因-文件查找失败:【绝对路径错误】【OTS parsing error: invalid sfntVersion: 1008813135】
weixin_43343144的博客
10-30 6664
浏览器错误提示【说白了就是ttf字体文件下载失败，路径有问题,请更换为绝对路径】： Failed to decode downloaded font: http://localhost:8080/common/style/css/iconfont/iconfont.ttf :8080/#/:1 OTS parsing error: invalid sfntVersion: 1008813135 /* 1、由于当前项目为uniapp项目,绝对路径必须加@ 2、如果绝对路径不加@则会报
OTS parsing error: invalid version tag
nobody
08-04 1107
浏览器打开网址报错OTS parsing error: invalid version tag，这种原因分多种情况。 Nginx部署时也会导致该错误。Nginx配置文件（nginx.conf）添加 location ~ \.(eot|otf|ttf|woff|svg)$ { add_header Access-Control-Allow-Origin *; } 如果不行，试试在nginx.conf中对应的mime.types中添加 application/font-sfnt
OTS parsing error: invalid version tag解决方法
qq_64353584的博客
04-21 3693
使用webpack打包css/less/scss/ttf等字体文件，总是会遇到出现很多的问题，程序语音语法每月都在变化，比如去年的语法结构可能在今天使用就会出现各种问题，毕竟语法是不断完善的，遇到纠结时。过多纠缠真的没必要，直到有一天做的多了，然后把前边的稍微变通一下，竟然达到想要的结果。多看多练，多思考，多做笔记自然是好。你得到的东西自然不是别人的。 目标：打包字体文件 png|woff|woff2|svg|ttf|eot 工具： 就是使用webpack工具 基础：适合具有node基础的开发人员.
SpringBoot+maven 项目 字体静态资源无法加载问题解决
魂-淡
12-10 3430
浏览器调试报错 Failed to decode downloaded font: http://localhost:8080/fonts/fontawesome-webfont.woff?v=4.4.0 OTS parsing error: incorrect file size in WOFF header Failed to decode downloaded font: http://...
Chrome谷歌浏览器OTS parsing error: invalid version tag
热门推荐
aflyeaglenku的博客(QQ1010316426）
03-11 1万+
笔者今日在给后台管理UI寻找新的库和框架，看到了AceAdmin，既美观又还能全面满足自己的需求。于是下载下来部署看看效果。笔者的web服务器是自己开发的，使用C++，基于libevent-http。浏览器支持Chrome（65.0.3325.146）和QQBrowser（9.7）两款。以上是开发运行环境介绍。在AceAdmin网站http://ace.jeka.by/上看到的图标啥的都显示正常，...
vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token” 报错
01-21
前言: 项目使用vue-cli版本2.9.3 ,vue-router使用webpackChunkName实现按需加载. BUG描述:该报错在项目上线一段时间后,有...经过一番折腾,初步定位问题1在经过build/webpack.prod.conf.js的chunkhash打包后的JS文
解决：error Parsing error: Invalid ecmaVersion
qq_37621143的博客
12-25 7620
找到项目根目录下的.eslintrc.js文件 打开.eslintrc.js文件 如果你的版本也是12的话，建议换成10或者10以下，我换成10之后就不会有这样的问题了。
uni-app真机调试h5,iconfont显示异常的解决
JJ-X的博客
06-17 2507
1.使用的是阿里的iconfont图标库 2.显示异常截图： 3.异常代码截图： 4.解决方案（官方链接：https://uniapp.dcloud.io/matter）： 5.解决后截图：
Failed to decode downloaded font:错误原因很low
小黄呀呀呀的博客
08-01 1045
Failed to decode downloaded font 关于这个问题，我纠结了2个小时，百度了也没百度出个结果， 最终在我的调试器下，发现我的中文路径都被解析成不认识的 东西，然后我就尝试了一下，将目录换成非中文的，然后就好了！！！！ 以后写东西，我不要写中文的名字了！！！！ ...
vue项目中导入icon字体文件出现This relative module was not found:* ./iconfont.eot?t=1523541245904
Diandaoweizhi1的博客
06-06 934
报错提示： This relative module was not found: *./iconfont.eot?t=1523541245904 in ./node_modules/css-loader/dist/cjs.js??ref–6-oneOf-3-1!./node_modules/postcss-loader/src??ref–6-oneOf-3-2!./src/assets/fonts/iconfont.css 错误原因： fonts文件中缺少iconfont.eot文件 解决方法： 向fo
解决微前端qiankun中子应用打包后主应用访问不到其icon图标的问题
duansamve的博客
06-06 3211
子应用用的UI框架是element，打包后接入基座，子应用里面的icon图标全部是小方块
关于VUE + element-UI 项目中icon 图片显示不出来，报警告：OTS parsing error: invalid version tag
xy_peng的博客
08-07 4753
今天在写一写自己的小东西的时候，vue-cli+element-ui 项目跑起来的时候，icon 图片显示不出来，莫名其妙的报警告：Failed to decode downloaded font: OTS parsing error: invalid version tag 先上图片一： ...
【uniapp-推荐阿里巴巴矢量图www.iconfont.cn】基于阿里巴巴矢量图标如何导入uniapp总结
weixin_43343144的博客
11-03 251
uni-app官网uni-app：一个使用 Vue.js 开发跨平台应用的前端框架https://uniapp.dcloud.io/frame?id=%e5%ad%97%e4%bd%93%e5%9b%be%e6%a0%87 /* 1、由于当前项目为uniapp项目,绝对路径必须加@ 2、如果绝对路径不加【~@】则会报错【Failed to decode downloaded font: http://localhost:8080/xxx/iconfont/iconfont.ttf】
webpack报错Error: error:0308010C:digital envelope routines::unsupported
07-27
这个错误通常表示在使用webpack时遇到了加密算法不支持的问题。可能是由于你使用的Node.js版本过低导致的。 解决这个问题的方法是升级你的Node.js版本。你可以使用nvm（Node Version Manager）工具来管理和切换Node.js版本。首先，确保你已经安装了nvm，然后执行以下步骤： 1. 使用以下命令安装最新版本的Node.js： ``` nvm install node ``` 2. 切换到最新版本的Node.js： ``` nvm use node ``` 3. 确认Node.js版本已升级： ``` node --version ``` 现在，尝试重新运行webpack，看看是否还会遇到相同的错误。如果问题仍然存在，请提供更多的错误信息和相关的配置细节，以便我能够更具体地帮助你解决问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值