在react native中添加本机库导入时无法加载bundle错误

Question

我有一个简单的反应应用程序，我从反应原生cli生成，当我添加native-base导入到我的组件并运行应用程序由react-native run-ios我得到以下错误：

无法加载包含错误的包（http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false）:(无法从react-timer-mixin解析模块/Users/wallet/Desktop/Projects/HomaWallet/node_modules/native-base/dist/src/basic/Tabs/index.js：Haste模块映射中不存在模块react-timer-mixin

这可能与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-*。 （空值））

__38- [RCTCxxBridge loadSource：onProgress：] _ block_invoke.226 RCTCxxBridge.mm:412

___ ZL36attemptAsynchronousLoadOfBundleAtURLP5NSURLU13block_pointerFvP18RCTLoadingProgressEU13block_pointerFvP7NSErrorP9RCTSourceE_block_invoke.118

__80- [RCTMultipartDataTask URLSession：streamTask：didBecomeInputStream：outputStream：] _ block_invoke

- [RCTMultipartStreamReader emitChunk：headers：callback：done：]

- [RCTMultipartStreamReader readAllPartsWithCompletionCallback：progressCallback：]

- [RCTMultipartDataTask URLSession：streamTask：didBecomeInputStream：outputStream：]

__88- [NSURLSession delegate_streamTask：didBecomeInputStream：outputStream：completionHandler：] _ block_invoke

- [NSBlockOperation main] - [__ NSOperationInternal _start：] __ NSOQSchedule_f _dispatch_call_block_and_release _dispatch_client_callout _dispatch_continuation_pop _dispatch_async_redirect_invoke _dispatch_root_queue_drain _dispatch_worker_thread2 _pthread_wqthread start_wqthread

反应原生版0.58.1

Native Base版本^2.10.0

OS Mac

Answer 1

只需将“react-timer-mixin”：“0.13.4”添加到package.json并安装即可。这帮助我解决了react-native：0.58.6和native-base 2.8.1的相同问题

Answer 2

我通过将本地版本降级到57.7和本地基本版本降级到2.8.1来修复它

Answer 3

将您的本机版本升级到至少2.11.0，这是修复该问题的版本。您可以在2.11.0版本的qithub中找到更多详细信息：https://github.com/GeekyAnts/NativeBase/releases