在 React Native 中添加本机基础导入时无法加载包错误
Failed to load bundle error when adding native base import in react native
我有一个简单的 React 应用程序，它是从 React Native CLI 生成的，
当我通过 react-native run-ios 添加 native-base 导入到我的组件和 运行 应用程序时，我收到以下错误：
加载包失败（http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false），出现错误：（无法从 /Users/wallet/Desktop/Projects/HomaWallet/node_modules/native-base/dist/src/basic/Tabs/index.js 解析模块 react-timer-mixin：急速模块映射中不存在模块 react-timer-mixin
这可能与 https://github.com/facebook/react-native/issues/4968 有关
要解决，请尝试以下操作：
清除守望者手表：watchman watch-del-all.
删除 node_modules 文件夹：rm -rf node_modules && npm install.
重置 Metro Bundler 缓存：rm -rf /tmp/metro-bundler-cache-* 或 npm start -- --reset-cache。
移除加速缓存：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_开始：]
__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
React 原生版本0.58.1
Native Base 版本 ^2.10.0
OS Mac
我通过将 React 本机版本降级到 57.7 并将本机基础版本降级到 2.8.1
来修复它
只需将 "react-timer-mixin": "0.13.4" 添加到您的 package.json 并安装。
这帮助我解决了与 react-native: 0.58.6 和 native-base 2.8.1
相同的问题
将您的 native-base 版本至少升级到 2.11.0，这是问题已修复的版本。您可以在 2.11.0 版本下的 github 中找到更多详细信息：https://github.com/GeekyAnts/NativeBase/releases
我有一个简单的 React 应用程序，它是从 React Native CLI 生成的，
当我通过 react-native run-ios 添加 native-base 导入到我的组件和 运行 应用程序时，我收到以下错误：
加载包失败（http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false），出现错误：（无法从 /Users/wallet/Desktop/Projects/HomaWallet/node_modules/native-base/dist/src/basic/Tabs/index.js 解析模块 react-timer-mixin：急速模块映射中不存在模块 react-timer-mixin
这可能与 https://github.com/facebook/react-native/issues/4968 有关 要解决，请尝试以下操作：
清除守望者手表：
watchman watch-del-all.删除
node_modules文件夹：rm -rf node_modules && npm install.重置 Metro Bundler 缓存：
rm -rf /tmp/metro-bundler-cache-*或npm start -- --reset-cache。移除加速缓存：
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_开始：] __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
React 原生版本0.58.1
Native Base 版本 ^2.10.0
OS Mac
我通过将 React 本机版本降级到 57.7 并将本机基础版本降级到 2.8.1
只需将 "react-timer-mixin": "0.13.4" 添加到您的 package.json 并安装。 这帮助我解决了与 react-native: 0.58.6 和 native-base 2.8.1
相同的问题将您的 native-base 版本至少升级到 2.11.0，这是问题已修复的版本。您可以在 2.11.0 版本下的 github 中找到更多详细信息：https://github.com/GeekyAnts/NativeBase/releases