系統(tǒng)：11.2.3
Xcode：12.5

錯誤提示：xx.app/main.jsbundle does not exist. this must be a bug with

問題描述： Build Config 選擇 release 的情況下，運行 app 后 main.jsbundle 的圖片沒有加載。打包時會提示 main.jsbundle does not exist 錯誤。但是在 debug 狀態(tài)下卻沒有出現(xiàn)這個問題。
原因分析： 應(yīng)該是 main.jsbundle 的加載路徑出現(xiàn)了問題，在 Build Phases 中可以看到 Bundle React Native code and images 這一欄中：

export NODE_BINARY=node
../node_modules/react-native/scripts/react-native-xcode.sh

大概意思是通過 node 運行 react-native-xcode.sh 這個腳本來加載圖片，但是由于 M1 的 node 所在的路徑與之前的都不一樣，導(dǎo)致了 Xcode 在運行時無法正確使用 node 指令。
解決辦法： 打開終端，輸入：which node，得到一下路徑：/opt/homebrew/bin/node
將這個路徑添加到 Bundle React Native code and images 中

export PATH="$PATH:/opt/homebrew/bin"
export NODE_BINARY=node
../node_modules/react-native/scripts/react-native-xcode.sh

重新運行后，圖片可以顯示了，問題得到解決。

錯誤提示：cannot initialize a parameter of type 'NSArray<id<RCTBridgeModule>> *' with an lvalue of type 'NSArray<Class> *__strong' NSArray<RCTModuleData *> *newModules = [self _initializeModules:modules withDispatchGroup:NULL lazilyDiscovered:YES];

問題描述： 從 GitHub 上看到，這是在 Xcode 12.5 才有的錯誤。
解決辦法： 把報錯的參數(shù)類型，按照提示修改為對應(yīng)的類型即可。
NSArray<id<RCTBridgeModule>> * 改為 NSArray<Class> *
如果有集成了 cocoapods 就比較方便，直接在 Podfile 添加以下代碼：

post_install do |installer|
## Fix for XCode 12.5
  find_and_replace(
  "../node_modules/react-native/React/CxxBridge/RCTCxxBridge.mm",
  "_initializeModules:(NSArray<id<RCTBridgeModule>> *)modules", 
  "_initializeModules:(NSArray<Class> *)modules")
  
  find_and_replace(
  "../node_modules/react-native/ReactCommon/turbomodule/core/platform/ios/RCTTurboModuleManager.mm",
  "RCTBridgeModuleNameForClass(module))", 
  "RCTBridgeModuleNameForClass(Class(module)))"
  )
end

def find_and_replace(dir, findstr, replacestr)
  Dir[dir].each do |name|
      text = File.read(name)
      replace = text.gsub(findstr,replacestr)
      if text != replace
          puts "Fix: " + name
          File.open(name, "w") { |file| file.puts replace }
          STDOUT.flush
      end
  end
  Dir[dir + '*/'].each(&method(:find_and_replace))
end