系統(tǒng)：11.2.3
Xcode：12.5
錯誤提示：xx.app/main.jsbundle does not exist. this must be a bug with
問題描述： Build Config 選擇 release 的情況下奏路，運(yùn)行 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 運(yùn)行 react-native-xcode.sh 這個腳本來加載圖片摄咆，但是由于 M1 的 node 所在的路徑與之前的都不一樣昨凡，導(dǎo)致了 Xcode 在運(yùn)行時無法正確使用 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
重新運(yùn)行后鲤拿，圖片可以顯示了，問題得到解決饲宛。
錯誤提示：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
