系统: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
状态下却没有出现这个问题。
原因分析: 应该是 main.jsbundle
的加载路径出现了问题,在 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
所在的路径与之前的都不一样,导致了 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 才有的错误。
解决办法: 把报错的参数类型,按照提示修改为对应的类型即可。
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