无法解析模块“ react-native-vector-icons / AntDesign”

时间:2019-10-03 04:40:36

标签: ios reactjs react-native

导入此文件时我面临以下问题:

从“ react-native-vector-icons / AntDesign”导入图标;

错误:

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

这可能与https://github.com/facebook/react-native/issues/4968有关 要解决此问题,请尝试以下操作:   1.清除值班员手表:watchman watch-del-all。   2.删除node_modules文件夹:rm -rf node_modules && npm install。   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:473  BUNDLE [ios,dev] ./index.js▓▓▓▓▓▓░░░░░░░░░░38.0%(719/1166),失败了。

如何解决此错误,任何人都可以帮助我...

谢谢

4 个答案:

答案 0 :(得分:1)

运行以下命令

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

希望有帮助。

答案 1 :(得分:0)

如果未使用react-native-link进行链接,则链接您的库。另外,尝试清除缓存并重新启动Metro Bundler。在安装任何库之后,有时会发生这种情况。请让我知道它是否有效。谢谢

答案 2 :(得分:0)

纱线添加react-native-vector-icons
react-native链接react-native-vector-icons
希望为您工作

答案 3 :(得分:0)

本机链接

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

链接时;错误找不到软件包。您确定这是一个React Native项目吗?

错误EPERM:不允许操作,请扫描目录'E://android/app/build/intermediates/signing_config/debug/out/signing-config.json'。使用--verbose标志运行CLI以获取更多详细信息。

这个问题我已经困扰了好几个小时,但后来才发现。我这是一个愚蠢的错误。解决方案是以管理员身份运行cmd

npx react-native link react-native-vector-icons

成功,资产已成功链接到您的项目