console.error: "react-native-maps" AirGoogleMaps 目录必须添加到您的 xCode 项目中
Posted
技术标签:
【中文标题】console.error: "react-native-maps" AirGoogleMaps 目录必须添加到您的 xCode 项目中【英文标题】:console.error: "react-native-maps" AirGoogleMaps dir must be added to your xCode project 【发布时间】:2016-12-21 15:30:19 【问题描述】:console.error: "react-native-maps" AirGoogleMaps 目录必须添加到您的 xCode 项目中
我在尝试测试 react-native-maps
模块中的示例时遇到此错误。
Github:https://github.com/airbnb/react-native-maps/tree/master/example
很明显,我应该将目录添加到我的 Xcode 项目中,但我不知道如何添加它们。
我可以举一个将目录添加到 Xcode 项目的示例吗?
【问题讨论】:
您是否遵循这些说明github.com/airbnb/react-native-maps/blob/master/docs/… ? 我已经尝试了这三个选项。对于第一个选项:我不知道如何将目录添加到 Xcode 项目。对于第二个选项:我想我完全遵循了对于第三个选项:我找不到 libAIRMaps.a 文件 文档真的很糟糕。也许这个帖子会有所帮助:github.com/airbnb/react-native-maps/issues/693 嘿,我面临同样的错误。不走运.. @ykn121 你能建造吗? @ykn121 哦。我想在 ios 上使用 GoogleMaps,所以需要手动安装包。 【参考方案1】:我在使用 react native 0.61 时遇到了这个问题,我的解决方案是: 停止 Metro Bundler,然后进入 pods 目录:
cd ..
cd ios
再次安装 pod:
pod install
转到项目根目录:
cd ..
然后再次运行项目npx react-native run-ios
这是我的 Podfile 的片段
rn_maps_path = '../node_modules/react-native-maps'
pod 'react-native-google-maps', :path => rn_maps_path
pod 'GoogleMaps'
pod 'Google-Maps-iOS-Utils'
【讨论】:
【参考方案2】:最近我遇到了这个问题,我的问题通过对 pod 文件的一些更改解决了。
source 'https://github.com/CocoaPods/Specs.git'
# Uncomment the next line to define a global platform for your project
platform :ios, '9.0'
target 'AppName' do
pod 'Yoga', :path => '../node_modules/react-native/ReactCommon/yoga'
pod 'React', :path => '../node_modules/react-native', :subspecs => [
'Core',
'RCTText',
'RCTImage',
'RCTAnimation',
'RCTActionSheet',
'RCTLinkingIOS',
'RCTSettings',
'RCTVibration',
'RCTNetwork',
'RCTWebSocket',
'DevSupport',
'BatchedBridge',
'RCTGeolocation',
]
pod 'GoogleMaps' # Remove this line if you don't want to support GoogleMaps on iOS
pod 'react-native-maps', path: '../node_modules/react-native-maps'
pod 'react-native-google-maps', path: '../node_modules/react-native-maps' # If you need GoogleMaps support on iOS
end
post_install do |installer|
installer.pods_project.targets.each do |target|
if target.name == 'react-native-google-maps'
target.build_configurations.each do |config|
config.build_settings['CLANG_ENABLE_MODULES'] = 'No'
end
end
if target.name == "React"
target.remove_from_project
end
end
end
同样在你的 JS 文件中你的 map 标签必须是这样的
<MapView
provider=PROVIDER_GOOGLE
style=styles.map
// provider='google'
// mapType='standard'
...
>
请注意,您的 pod 文件必须正确链接。不需要手动添加任何东西。 您可以使用此命令删除您的 pod 文件和路径
pod deintegrate
和
pod clean
以及安装 Cocoapods-Deintegrate Plugin 和 Cocoapods-Clean Plugin
在您的终端上使用以下命令进行安装。
sudo gem install cocoapods-deintegrate
Cocoapods-清洁插件
在您的终端上使用以下命令进行安装。
sudo gem install cocoapods-clean
希望对您有所帮助。
【讨论】:
【参考方案3】:我刚刚删除了MapView
组件中的以下道具,它起作用了!
provider=MapView.PROVIDER_GOOGLE
【讨论】:
以上是关于console.error: "react-native-maps" AirGoogleMaps 目录必须添加到您的 xCode 项目中的主要内容,如果未能解决你的问题,请参考以下文章
为啥下载的vue.js出现错误 console.error(("[Vue warn]: " + msg + trace))?
如何解决:console.error:“redux-persist 未能创建同步存储。回退到“noop”存储
“类型 ' children: Element[]; pictureUrl: string; ' 不可分配给类型 'IntrinsicAttributes & children?: Reac