Apple Silicon M1 上的 React Native - 链接库“libPods-ProjectName.a”缺少此目标所需的一个或多个架构：x86

Apple

解决 Apple Silicon M1 上的 React Native 链接库问题

近年来，随着苹果公司发布了搭载自家研发的 Apple Silicon M1 芯片的 Mac 电脑，开发者们纷纷迁移到新的硬件平台上进行开发。然而，对于使用 React Native 开发移动应用的开发者来说，可能会遇到一个问题，即链接库“libPods-ProjectName.a”缺少所需的架构 x86_64。本文将介绍这个问题的原因，并提供解决方案。

## 问题的原因

在 Apple Silicon M1 上运行 React Native 应用时，可能会遇到缺少 x86_64 架构的链接库的问题。这是因为在 M1 芯片上，苹果采用了全新的 ARM 架构，而不再支持传统的 x86_64 架构。因此，如果链接库只包含 x86_64 架构的二进制代码，它将无法在 M1 芯片上正常工作。

## 解决方案

为了解决这个问题，我们需要更新链接库，以便它包含适用于 Apple Silicon M1 的 ARM 架构的二进制代码。下面是一些解决方案的步骤：

1. 首先，我们需要使用 CocoaPods 来管理我们的 React Native 项目的依赖项。确保你的项目中使用了最新版本的 CocoaPods，并且已经正确配置了 Podfile 文件。

2. 然后，我们需要更新项目中使用的链接库。在终端中，进入到项目的 IOS 文件夹，并运行以下命令：

arch -x86_64 pod install

这将使用 x86_64 架构来安装链接库，并确保它们包含了所需的二进制代码。

3. 接下来，我们需要创建一个新的构建目标，以便为 Apple Silicon M1 架构生成正确的链接库。在 Xcode 中打开项目，并转到项目的 Build Settings。在 Architectures 和 Valid Architectures 中，将 x86_64 移除，只保留 arm64。

4. 然后，我们需要更新项目的 Podfile 文件，以便为 Apple Silicon M1 架构生成正确的链接库。在 Podfile 文件中添加以下代码：

post_install do |installer|
  installer.pods_project.targets.each do |target|
    target.build_configurations.each do |config|
      config.build_settings['ONLY_ACTIVE_ARCH'] = 'NO'
      config.build_settings['ARCHS'] = 'arm64'
    end
  end
end

5. 最后，我们需要重新运行 CocoaPods 安装命令，并重新构建项目：

arch -arm64 pod install

这将使用 arm64 架构来安装链接库，并为 Apple Silicon M1 架构生成正确的二进制代码。

##

在使用 Apple Silicon M1 开发 React Native 应用时，可能会遇到链接库缺少 x86_64 架构的问题。通过更新链接库并为 Apple Silicon M1 架构生成正确的二进制代码，我们可以解决这个问题。希望本文提供的解决方案能帮助开发者们顺利在 Apple Silicon M1 上开发 React Native 应用。

参考代码：

Javascript
// React Native App 示例代码
import React from 'react';
import { View, Text } from 'react-native';
const App = () => {
  return (
    <View>
      <Text>Hello, World!</Text>
    </View>
  );
}
export default App;

objc
// IOS Podfile 示例代码
# Uncomment the next line to define a global platform for your project
platform :IOS, '10.0'
target 'ProjectName' do
  # Comment the next line if you don't want to use dynamic frameworks
  use_frameworks!
  # Pods for ProjectName
  pod 'React', :path => '../node_modules/react-native', :subspecs => [
    'Core',
    'CxxBridge',
    'DevSupport',
    'RCTText',
    'RCTNetwork',
    'RCTWebSocket',
    # Add any other subspecs you want to use in your project
  ]
  # Add your pods here
end