在 Xcode 中运行初始化的 React Native 项目时出错

Posted

技术标签:

【中文标题】在 Xcode 中运行初始化的 React Native 项目时出错【英文标题】:Error running the initialised React Native project in Xcode 【发布时间】:2015-05-31 04:02:13 【问题描述】:

安装 react-native 并运行新创建的 Xcode 项目后,我得到以下输出:

2015-03-26 15:35:05.865 React[1427:7950] CLTilesManagerClient: initialize, sSharedTilesManagerClient
2015-03-26 15:35:05.865 React[1427:7950] CLTilesManagerClient: init
2015-03-26 15:35:05.866 React[1427:7950] CLTilesManagerClient: reconnecting, 0x7fac1b289e40
RCTJSLog> "Running application "React" with appParams: "rootTag":1,"initialProps":. __DEV__ === true, development-level warning are ON, performance optimizations are OFF"
RCTJSLog> "Error: 
 stack: 
  React_render                                       index.ios.bundle:955
  _renderValidatedComponentWithoutOwnerOrContext     index.ios.bundle:16453
  _renderValidatedComponent                          index.ios.bundle:16479
  ReactCompositeComponent__renderValidatedComponent  index.ios.bundle:4860
  mountComponent                                     index.ios.bundle:15913
  ReactCompositeComponent_mountComponent             index.ios.bundle:4860
  mountComponent                                     index.ios.bundle:4929
  mountComponentIntoNode                             index.ios.bundle:15386
  perform                                            index.ios.bundle:5992
  batchedMountComponentIntoNode                      index.ios.bundle:15405
  perform                                            index.ios.bundle:5992
  batchedUpdates                                     index.ios.bundle:13507
  batchedUpdates                                     index.ios.bundle:4524
  renderComponent                                    index.ios.bundle:15457
  ReactMount__renderNewRootComponent                 index.ios.bundle:4860
  render                                             index.ios.bundle:1155
  renderApplication                                  index.ios.bundle:33797
  run                                                index.ios.bundle:33743
  runApplication                                     index.ios.bundle:33765
  jsCall                                             index.ios.bundle:7149
  _callFunction                                      index.ios.bundle:7396
  applyWithGuard                                     index.ios.bundle:877
  guardReturn                                        index.ios.bundle:7198
  callFunctionReturnFlushedQueue                     index.ios.bundle:7405
 URL: http://localhost:8081/index.ios.bundle
 line: 955
 message: undefined is not a function (evaluating 'React.createElement(Text, style: styles.welcome, 
          "Welcome to React Native!"
        )')"

任何帮助找出失败的原因将不胜感激。

谢谢!

【问题讨论】:

能够通过在 react 目录中运行 'npm start' 来修复模拟器错误。现在在连接 USB 的 iPhone 上测试时出现问题。收到此错误:无法连接到开发服务器。确保节点服务器正在运行 - 从 React root 运行“npm start”操作无法完成。 (NSURLErrorDomain 错误 - 1004。) 【参考方案1】:

要在设备上运行(这是您的第二个问题),请查看 React Native 示例中的这些 cmets:

https://github.com/facebook/react-native/blob/master/Examples/Movies/Movies/AppDelegate.m

要在设备上运行,请将localhost 更改为您的 IP 地址 电脑,并确保您的电脑和 iOS 设备在同一台电脑上 无线网络。

我认为这是因为应用程序需要连接到打包程序。看看有没有帮助。

【讨论】:

以上是关于在 Xcode 中运行初始化的 React Native 项目时出错的主要内容,如果未能解决你的问题,请参考以下文章

在 xcode 中为新项目 React Native 100 多个问题

如何通过 Xcode 将 React Native iOS 应用程序构建到设备?

更新 xcode 13 后 react-native run-ios 命令未成功运行

无法在新的 Xcode 版本 13 上运行 React 本机 IOS 应用程序

如何在 react-native 中重置 ios 库?

React Native 应用程序未在 XCode iOS 模拟器中运行