反应原生MaterialIcons捆绑错误

时间:2018-02-09 00:46:57

标签: javascript android react-native material-design google-material-icons

我已经将react-native-vector-icons安装并链接到我的项目。我正在使用Android模拟器在我的Mac上进行测试。

这是我的导入:

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

这就是我使用它的方式:

<Icon name='more vert' size={20} color='#24572c'/>

当我尝试构建此错误时,会出现。不知道为什么或如何处理它。

error: bundling failed: Error: While resolving module `react-native-vector-icons/MaterialIcons`, the Haste package `react-native-vector-icons` was found. However the module `MaterialIcons` could not be found within the package. Indeed, none of these files exist:

  * `/Users/Alia/Desktop/GroceriesApp/node_modules/react-native/local-cli/core/__fixtures__/files/MaterialIcons(.native||.android.js|.native.js|.js|.android.json|.native.json|.json)`
  * `/Users/Alia/Desktop/GroceriesApp/node_modules/react-native/local-cli/core/__fixtures__/files/MaterialIcons/index(.native||.android.js|.native.js|.js|.android.json|.native.json|.json)`
    at MissingFileInHastePackageError (/Users/Alia/Desktop/GroceriesApp/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:400:5)
    at resolveHasteName (/Users/Alia/Desktop/GroceriesApp/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:385:9)
    at ModuleResolver._resolveDependency (/Users/Alia/Desktop/GroceriesApp/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:315:37)
    at ModuleResolver.resolveDependency (/Users/Alia/Desktop/GroceriesApp/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:311:877)
    at ResolutionRequest.resolveDependency (/Users/Alia/Desktop/GroceriesApp/node_modules/metro/src/node-haste/DependencyGraph/ResolutionRequest.js:96:16)
    at DependencyGraph.resolveDependency (/Users/Alia/Desktop/GroceriesApp/node_modules/metro/src/node-haste/DependencyGraph.js:269:4352)
    at /Users/Alia/Desktop/GroceriesApp/node_modules/metro/src/DeltaBundler/traverseDependencies.js:201:36
    at next (native)
    at step (/Users/Alia/Desktop/GroceriesApp/node_modules/metro/src/DeltaBundler/traverseDependencies.js:256:306)
    at /Users/Alia/Desktop/GroceriesApp/node_modules/metro/src/DeltaBundler/traverseDependencies.js:256:536

1 个答案:

答案 0 :(得分:0)

我经常收到此错误。根据{{​​3}}上的此帖子,您可以运行

UPDATE

后记,重新启动您的打包者。这经常发生在我身上,并且每次都使用react-native-material-icons。