【问题标题】:yarn run ios runs the simulator but the app icon is not displayedyarn run ios 运行模拟器但不显示app图标
【发布时间】:2018-12-07 15:22:36
【问题描述】:

我刚刚开始学习 ReactNative,因为我想构建移动应用程序。为此,我使用安装了 yarn、create-react-native-app 和 Xcode 的 Mac。

当我运行命令时:

sudo yarn run ios

构建成功。没有显示错误,模拟器打开但屏幕不显示应用程序的图标(我的项目)。

如果我使用 Android Studio 和命令运行 android 模拟器:

sudo yarn run android

Android 模拟器运行并显示应用程序。

iOS 模拟器可能有什么问题?请帮忙!

=============

更多详情:

以下是我用来设置项目的命令:

brew install yarn --without-node
mkdir projectX
cd projectX
sudo yarn global add create-react-native-app
sudo create-react-native .

NodeJS、JDK、JSK 是初始安装的。输入这些命令后,我必须升级 react 和 react-native 的版本:

sudo yarn remove react-native
sudo yarn add react-native
sudo yarn remove react
sudo yarn add react

之后:

sudo yarn run eject
adb
sudo yarn run ios

【问题讨论】:

  • 您是否使用sudo 运行yarn run ios?
  • 是的。我用过 sudo。
  • 好吧,然后运行以下命令:sudo chown -R yourUserName ~/.babel.json && sudo chown -R yourUserName ~/.expo,然后在不使用sudo 的情况下再试一次。
  • 我试过了,结果如下:chown: /Users/USERNAME/.babel.json: No such file or directory

标签: ios xcode react-native yarnpkg create-react-native-app


【解决方案1】:

正如 Github 问题中所述:https://github.com/react-community/create-react-native-app/issues/422,您很可能在 iOS 模拟器上运行应用程序时使用了 sudo。此操作使root 成为某些文件的所有者。

在运行 iOS 应用之前,请尝试以下命令:

sudo chown -R yourUserName ~/react_native_projects,注意react_native_projects应该是你项目的文件夹。

这应该修复您的项目文件的所有权,并修复模拟器问题。另请查看 Github 问题页面以获取更多有用的命令。

【讨论】:

  • 我做了以下事情:sudo chown -R admin ~/Documents/SoftwareDevelopment/_Education/ReactNative/projectX/ sudo yarn run ios 模拟器和地铁捆绑器打开了。模拟器不显示应用程序图标,但 Metro Bundler 仍停留在此消息“正在加载依赖关系图,完成”。并且它没有继续......在此之前不是这种情况。
  • 好的,现在可以了!感谢您的帮助。这是我一步一步做的:sudo chown -R myUserName ~/react_native_project 然后我重新启动了 Mac(按照 GitHub 链接中的 cmets)并在终端中输入了yarn run ios。请注意,我没有使用sudo!如果您尝试使用sudo 运行它,它将无法正常工作。谢了哥们! ;)
【解决方案2】:

感谢 Giovanni Terlingen,我修复了它。以下是我遵循的步骤:

首先,我将包含我的项目的目录的所有权更改为由我的用户拥有的用户。

sudo chown -R myUserName ~/react_native_project

然后我重新启动了我的 Mac(按照 Giovanni 提供的 GitHub 链接中的 cmets)并在终端中输入:

yarn run ios

请注意,我没有使用sudo!如果您尝试使用sudo 运行它,它将无法正常工作。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-08-17
    • 2011-05-18
    • 1970-01-01
    • 1970-01-01
    • 2013-09-28
    • 1970-01-01
    • 2012-06-25
    相关资源
    最近更新 更多