首先，如果我们要在react-native项目中，如果要搭建一个本地服务器用来访问本地html文件，

 

至于为什么要这么麻烦呢，为什么不直接用webview加载本地html呢，那是因为当本地html引用了跨域的js文件的话，直接加载本地html是显示不出来的。

所以，我们要用到的 一个库是react-native-static-server，接下来我们就看看新创建一个项目集成这个库并且使用的步骤吧

1、首先我们创建一个RN项目，在终端cd到一个文件夹，然后执行react-native init rnserverDemo --version 0.61.0  我们就创建这个0.61.0这个版本的项目来执行

最后出现上面那个图片的结果说明成功了（如果没有翻墙的话则会出现失败，需要cd到iOS目录，然后翻墙执行pod install）

2、 最后运行yarn ios 会出现报Cannot initialize a parameter of type'NSArray＜id＜RCTBridgeModule＞的错，这个是因为老版本会出现的错误的，在ios/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

重新 pod install 命令即可。
但是如果RN使用的版本过低，不支持CocoaPods（"react-native": "0.60.0"以后才可以使用CocoaPods集成组件），可采用

第二种：

由于各react native 版本不同名称不一样，可能搜索不到
react-native：0.60.0之前：低版本
react-native：0.60.0（包含）之后：高版本

1、高版本修改

../node_modules/react-native/React/CxxBridge/RCTCxxBridge.mm文件中的

  _initializeModules:(NSArray<id<RCTBridgeModule>> *)modules

为

  _initializeModules:(NSArray<Class> *)modules

和
../node_modules/react-native/ReactCommon/turbomodule/core/platform/iOS/RCTTurboModuleManager.mm文件中的

  RCTBridgeModuleNameForClass(module))

为

  RCTBridgeModuleNameForClass(Class(module)))

2、低版本修改

我的 "react-native": "0.53.3"就找不到
../node_modules/react-native/React/CxxBridge/RCTCxxBridge.mm
将

- (void)_initModules:(NSArray<id<RCTBridgeModule>> *)modules

修改为：

- (void)_initModules:(NSArray<Class> *)modules

../node_modules/react-native/ReactCommon/turbomodule/core/platform/iOS/RCTTurboModuleManager.mm文件不存在没改，也可正常运行

3、终端进入到rn项目 执行yarn add react-native-static-server   然后再执行react-native link react-native-static-server

运行iOS 会出现library not found for -lGCDWebServer 的错误，这时候我们需要在项目的target里,选中Link Binary With Libraries 里的GCDWebServer.a加入,就可以了

4、

import StaticServer from 'react-native-static-server';

let server = new StaticServer(8080);

// Start the server
server.start().then((url) => {
  console.log("Serving at URL", url);
});

// Stop the server
server.stop();

// Check if native server running
const isRunning = await server.isRunning()
// isRunning - true/false
 

在项目中加上代码 就可以跑啦