无法解析模块“react-native-vector-icons/AntDesign" [英] Unable to resolve module 'react-native-vector-icons/AntDesign''

问题描述

导入时遇到以下问题:

从'react-native-vector-icons/AntDesign'导入图标；

import Icon from 'react-native-vector-icons/AntDesign';

错误:

错误:捆绑失败:错误:无法从 /Desktop/development/cbcvp-rn/cbcvp/node_modules/react-native 解析模块 react-native-vector-icons/AntDesign-elements/src/helpers/getIconType.js: 模块react-native-vector-icons/AntDesign在Haste模块图中不存在

error: bundling failed: Error: Unable to resolve module react-native-vector-icons/AntDesign from /Desktop/development/cbcvp-rn/cbcvp/node_modules/react-native-elements/src/helpers/getIconType.js: Module react-native-vector-icons/AntDesign does not exist in the Haste module map

这可能与 https://github.com/facebook/react-有关本机/问题/4968要解决请尝试以下操作:1、清除watchman watch:watchman watch-del-all.2、删除node_modules文件夹:rm -rf node_modules &&npm 安装.3. 重置 Metro Bundler 缓存:rm -rf/tmp/metro-bundler-cache-* 或 npm start -- --reset-cache.4. 移除加速缓存:rm -rf/tmp/haste-map-react-native-packager-*.在 ModuleResolver.resolveDependency (/Users/amit/Desktop/development/cbcvp-rn/cbcvp/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:161:1460)在 ResolutionRequest.resolveDependency (/Users/amit/Desktop/development/cbcvp-rn/cbcvp/node_modules/metro/src/node-haste/DependencyGraph/ResolutionRequest.js:91:16)在 DependencyGraph.resolveDependency (/Users/amit/Desktop/development/cbcvp-rn/cbcvp/node_modules/metro/src/node-haste/DependencyGraph.js:272:4579)在dependencies.map.relativePath (/Users/amit/Desktop/development/cbcvp-rn/cbcvp/node_modules/metro/src/DeltaBundler/traverseDependencies.js:376:19)在 Array.map()在 resolveDependencies (/Users/amit/Desktop/development/cbcvp-rn/cbcvp/node_modules/metro/src/DeltaBundler/traverseDependencies.js:374:16)在/Users/amit/Desktop/development/cbcvp-rn/cbcvp/node_modules/metro/src/DeltaBundler/traverseDependencies.js:212:33在 Generator.next()在步骤 (/Users/amit/Desktop/development/cbcvp-rn/cbcvp/node_modules/metro/src/DeltaBundler/traverseDependencies.js:297:313)在/Users/amit/Desktop/development/cbcvp-rn/cbcvp/node_modules/metro/src/DeltaBundler/traverseDependencies.js:297:473BUNDLE [ios, dev] ./index.js ▓▓▓▓▓▓░░░░░░░░░░ 38.0% (719/1166)，失败.

This might be related to https://github.com/facebook/react-native/issues/4968 To resolve try the following: 1. Clear watchman watches: watchman watch-del-all. 2. Delete the node_modules folder: rm -rf node_modules && npm install. 3. Reset Metro Bundler cache: rm -rf /tmp/metro-bundler-cache-* or npm start -- --reset-cache. 4. Remove haste cache: rm -rf /tmp/haste-map-react-native-packager-*. at ModuleResolver.resolveDependency (/Users/amit/Desktop/development/cbcvp-rn/cbcvp/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:161:1460) at ResolutionRequest.resolveDependency (/Users/amit/Desktop/development/cbcvp-rn/cbcvp/node_modules/metro/src/node-haste/DependencyGraph/ResolutionRequest.js:91:16) at DependencyGraph.resolveDependency (/Users/amit/Desktop/development/cbcvp-rn/cbcvp/node_modules/metro/src/node-haste/DependencyGraph.js:272:4579) at dependencies.map.relativePath (/Users/amit/Desktop/development/cbcvp-rn/cbcvp/node_modules/metro/src/DeltaBundler/traverseDependencies.js:376:19) at Array.map () at resolveDependencies (/Users/amit/Desktop/development/cbcvp-rn/cbcvp/node_modules/metro/src/DeltaBundler/traverseDependencies.js:374:16) at /Users/amit/Desktop/development/cbcvp-rn/cbcvp/node_modules/metro/src/DeltaBundler/traverseDependencies.js:212:33 at Generator.next () at step (/Users/amit/Desktop/development/cbcvp-rn/cbcvp/node_modules/metro/src/DeltaBundler/traverseDependencies.js:297:313) at /Users/amit/Desktop/development/cbcvp-rn/cbcvp/node_modules/metro/src/DeltaBundler/traverseDependencies.js:297:473 BUNDLE [ios, dev] ./index.js ▓▓▓▓▓▓░░░░░░░░░░ 38.0% (719/1166), failed.

如何解决这个错误，谁来帮帮我...

how to fix this error anyone help me...

谢谢

推荐答案

运行以下命令

npm i react-native-vector-icons
npx react-native link react-native-vector-icons

希望有帮助.

这篇关于无法解析模块“react-native-vector-icons/AntDesign"的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！