React-Native 资产未加载 - 错误不清楚答案

【问题标题】：React-Native assets not loading - errors not clearReact-Native 资产未加载 - 错误不清楚
【发布时间】：2021-01-10 06:22:28
【问题描述】：

我将 React-native 与 AWS Amplify 和 AWS AppSync 与 GraphQL 一起使用。当我使用命令npx react-native ios 在 ios 模拟器中加载我的应用程序时，应用程序会加载，但它没有加载资产。

如果我检查并单击 App 或 Navigator 之类的内容，我会收到以下错误。我不确定它们是否相关。我有这个工作，没有改变任何代码，这开始发生了。

这是我如何尝试加载资产的示例：

this.toggleWritePopup()}>

编辑：这是react-native info的输出

System:
OS: macOS 10.15.6
CPU: (4) x64 Intel(R) Core(TM) i5-7267U CPU @ 3.10GHz
Memory: 6.88 GB / 16.00 GB
Shell: 5.7.1 - /bin/zsh
 Binaries:
Node: 12.18.3 - /usr/local/bin/node
Yarn: Not Found
npm: 6.14.6 - /usr/local/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
Managers:
CocoaPods: 1.9.3 - /usr/local/bin/pod
SDKs:
iOS SDK:
  Platforms: iOS 14.0, DriverKit 19.0, macOS 10.15, tvOS 14.0, watchOS 7.0
Android SDK: Not Found
IDEs:
Android Studio: Not Found
Xcode: 12.0/12A7209 - /usr/bin/xcodebuild
Languages:
Java: 12.0.1 - /usr/bin/javac
Python: 2.7.16 - /usr/bin/python
npmPackages:
@react-native-community/cli: Not Found
react: 16.9.0 => 16.13.1
react-native: ^0.62.2 => 0.63.3
react-native-macos: Not Found
npmGlobalPackages:
*react-native*: Not Found

编辑：这是该 png 也未加载的另一段代码。因此，即使使用尺寸也不起作用：

 <ImageBackground
      source={require('../assets/blue_ocean.png')}
      style={{width: '100%', height: '100%'}}>

【问题讨论】：

可以添加代码吗？您如何尝试加载资产？
当然我会添加。就像我说的那样，我不相信代码是问题，因为我开始了一个全新的回购克隆，我可以确认它正在与其他人合作。
您是否已将资产链接到项目？使用npx react-native link
@Glitch_Znab 我运行了那个命令，但它并没有解决我的问题。我应该澄清一下，这些只是我自己尝试加载的项目中的 .png。
如果我没记错的话，每个资产都必须链接到项目中才能显示出来，这在我的项目中真是令人头疼，这就是我完全停止使用资产的原因。您是否也可以在链接后关注此stackoverflow.com/a/64117872/12370254，因为它可能由于缓存而无法显示

标签： react-native aws-amplify aws-appsync

【解决方案1】：

我不久前遇到了这个问题，就我而言，错误是因为发送到scrollToFocusedInput 的reactNode 是null。

跟踪/调试scrollToFocusedInput 方法和/或执行console.log(event, reactNode)。

这可能是因为您没有使用默认的 SDK 安装路径，或者是因为 JS 包被引用到您的开发机器而不是本地设备。

如果您在模拟器上运行，请确保模拟器具有默认设置并可以访问模拟的基带（蜂窝已打开）。在模拟器上关闭东西可能会导致奇怪的构建行为。

【讨论】：

好的，我重置了模拟器设置，但问题仍然存在。如何检查我的 SDK 路径和 JS 包参考？
您可以重做 react-native 安装程序命令或对其进行更新吗？这很可能是错误的地方，因为您的代码显然确实适用于新实例
我跑了npx react-native upgrade，不幸的是问题仍然存在。
您是否遵循了这些步骤？ medium.com/@abhisheknalwaya/…
然后看xcode；你能试试这个吗？ github.com/facebook/react-native/issues/…

【解决方案2】：

好吧，我终于想通了。它是在模拟器中运行的 iOS 版本。无论出于何种原因，我的代码似乎不适用于 iOS 14.0。如果我将其设置为早期版本，我的资产加载没有问题。

【讨论】：