react-native 矢量库 react-native-vector-icons的报错解决

最新推荐文章于 2025-06-03 09:03:23 发布
最新推荐文章于 2025-06-03 09:03:23 发布
阅读量1.8k 收藏 1
点赞数
CC 4.0 BY-SA版权
文章标签： react-native
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_37481081/article/details/79271377
在使用react-native矢量库react-native-vector-icons时，可能会遇到'unRecognized font family'错误。解决方法包括删除node_modules/react-native/local-cli/core/__fixtures__/files/package.json文件，重新安装并执行react-native link，以及检查并修正字体家族名称错误。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.

解决方法：将项目目录下 node_modules/react-native/local-cli/core/__fixtures__/files/package.json删除

2.

出现这个错误

解决方案：删除重新安装react-native-vector-icons 安装完成后执行 react-native link 继续修改问题1的错误

3.出现下面这个错误

unRecognized font family 'XXXXX'

解决方案：
问题3链接 ：http://blog.youkuaiyun.com/jiangcs520/article/details/69366245
 






默燃灬
关注
react-native-vector-icons安装过程的坑
weixin_44646986的博客
03-11 712
概述 由于我最近才学react-native，也刚刚接触了react-native-vector-icons来做图标，所以我就去官网找安装教程 https://github.com/oblador/react-native-vector-icons#android 我做的是Android系统，所以就按照里面的步骤，一步一步配置，但是，结果一堆报错，初步看来，好像是react-native的最新...
React-native开发之图标库react-native-vector-icons 的集成使用
热门推荐
Angels_安杰的博客
03-08 1万+
RN开发中难免会用到图标，今天我们来集成github上比较受欢迎的一个强大的icons库。 先上效果图 源码已分享之码云：https://git.oschina.net/osczaizai/RNWeiBo 更多分享请看 http://cherylgood.cn 可通过下面链接直接搜索你想要的icons Browse all. Entypo by Daniel Bruce (
react-native-vector-icons报错问题
wayne214的博客
10-30 583
最近在写项目的时候，在调试代码的过程中，偶尔会报如下错误，想必好多同学都遇到了，现在记录一下，和大家分享。 error: bundling failed: Error: While resolving module `react-native-vector-icons/dist/EvilIcons`, the Haste package `react-native-vector-icons` wa...
Wix React Native Navigation 集成 react-native-vector-icons 完全指南
最新发布
gitblog_00378的博客
06-03 259
Wix React Native Navigation 集成 react-native-vector-icons 完全指南 前言 在移动应用开发中，图标是不可或缺的UI元素。react-native-vector-icons 是一个广受欢迎的图标库，它允许开发者在React Native应用中使用高质量的矢量图标，而无需引入大量静态图片资源。本文将详细介绍如何在Wix React Native N...
有关react-native安卓配置react-native-vector-icons图标报错问题
落影随风的博客
04-23 1453
npm上的配置说明链接https://www.npmjs.com/package/react-native-vector-icons 1.按照上面文档的配置还是会报错 说明这个文档没有及时更新， 下面是报错第一个错： Configure project :app WARNING: Configuration 'compile' is obsolete and has been replaced w...
react native 0.72版本使用react-native-vector-icons报错
qq_42839797的博客
10-17 779
版本：按照安装react-native-vector-icons。该指令报link未识别。说明当react-native 库已经没有了link指令。为了解决该问题，需要手动添加库。
Unrecognized font family 'anticon'
taoerchun的专栏
07-14 3272
问题： 使用第三方库react-native-vector-icons在ios上报Unrecognized font family 'anticon'的错(用Xcode编译的)： "react-native": "0.55.4", "react-native-vector-icons": "^6.4.2", 然后用react-native run-ios编译时报如下错： /Us...
react-native-vector-icons,React Native可自定义图标，支持导航栏/选项卡栏/工具栏Android、图像源和完整样式。.zip
09-26
React Native Vector Icons库就是基于这一框架，为React Native应用引入了矢量图标的解决方案。 Vector Icons库提供的图标通常以SVG（Scalable Vector Graphics）格式存在，这种格式的优点在于图标可以无限缩放而不...
react-native-vector-icons的简单使用
05-07
在React Native开发中，`react-native-vector-icons`库是一个非常重要的工具，它允许开发者在应用中集成各种高质量的矢量图标。这个库包含了多种图标集，如FontAwesome、Ionicons、Material Icons等，使得UI设计更加...
react-native-saas:使用Redux，Redux-Saga，React本机Redux Toast，Immer，react-native-side-menu，React本机异步存储，react-native-iphone-x-helper和React本机矢量图标的应用程序，它们消耗了Node.js的功能-SaaS API
04-29
使用Redux，Redux-Saga，React Native Redux Toast，Immer，react-native-side-menu，React Native Async Storage，react-native-iphone-x-helper和React Native Vector Icons消耗 API资源的应用程序 。 指数 建立...
react-native-vector-icons：React Native的可自定义图标，支持NavBarTabBar，图像源和完整样式
02-05
非常适合按钮，徽标和导航/标签栏。 易于扩展，样式化和集成到您的项目中。 目录 赞助商 如果您觉得图书馆有用，请考虑。 我计划将回购分成一个单回购，以实现图标集的单独版本控制，更好的性能，更小的捆绑包以及...
运行React-Native项目是报Unknown错误
懒惰的四叶草的博客
08-16 1073
这个主要是每次切换项目时候启动react-native服务器的缓存导致的，依次执行一下命令清除缓存。
关于React Native版本≥0.60使用 react-native link无效的解决方案(react-native link @ant-design/icons-react-native)
眼泪成诗的专栏
11-03 4255
1. 在ReactNative项目根目录创建react-native.config.js文件 2.添加以下代码 module.exports = { project: { ios: {}, android: {} }, assets: ["./assets/fonts/"] }; 3.将需要的字体文件复制到项目目录src/assets/fonts/ 下面 4.在项目根目录运行react-native link或npx react-native l...
react-native 使用react-native-vector-icons碰到的大坑
haoeyoyo的博客
05-28 1227
根据官方文档和网友分享，基本集成步骤大家都清楚，不清楚可以去看文档，我碰到的坑怪我自己粗心大意了，继承号以后使用过程中引入字体库的时候，文件夹路径不是从node文件夹开始的，是直接从库文件夹开始的。 正确写法：import ICON from 'react-native-vector-icons/FontAwesome' 错误写法import ICON from 'node_modules...
React Native react-native-vector-icons 使用小记
大赚万万亿
03-30 1174
原文:https://blog.youkuaiyun.com/uuq/article/details/53150841备注:icon.buttonimport Icon from 'react-native-vector-icons/FontAwesome'; const myButton = ( <Icon.Button name="facebook" backgroundColor="#3b59...
react-native使用 @ant-design/react-native
·
03-21 1315
完成后查看 /项目名称/android/app/src/main/assets/fonts。
react native 使用ant-design-mobile-rn的icon字体库
好巧的博客
08-06 1644
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。如果不安装 @ant-design/icons-react-native 直接link,会出现如下报错。本文仅适用于 “react-native”: “0.68.x” 及以下版本。使用 react-native -v 查看是否安装成功。如果本篇文章对你有帮助的话，很高兴能够帮助上你。，只有下面简单的一句话，让人很懵逼。
ReactNative使用精美图标库react-native-vector-icons(具体使用方法)
嘎啦嘎啦
07-25 1万+
具体集成过程请看下面的文章, 感谢分享 https://blog.youkuaiyun.com/f409031mn/article/details/79522129 我自己配置时执行了安装/关联两句命令就可以执行了, 没有其他的错误 npm install --save react-native-vector-icons // 下载库 react-native link react-native-vec...
安装 react-native-vector-icons及使用
weixin_43143467的博客
04-18 868
react-native-vector-icons 安装 iOS 和 Android 平台配置和使用该库的详细指南
React Native SVG图标组件：react-native-svg-icon介绍与实践
其中"react"和"ReactNative"指的是React和React Native框架，"svg"表示SVG矢量图形，"svg-icons"则强调了组件专注于SVG图标的集成。"ReactNativeJavaScript"则可能表示本组件是专为React Native编写的JavaScript代码...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值