问题标签 [react-native-windows]

我一直在 VS Code 中工作，并决定尝试适用于 Windows 的 React Native。我按照这里的说明进行操作。但是在我运行命令后，npx react-native run-windows出现以下错误：

我在网上搜索，目前发现 React Native for Windows 应该是使用 Visual Studio 开发的。有没有办法在不下载完整的 Visual Studio 的情况下使用 VS Code 进行开发？

我按照本教程为 windows 项目创建了新的 react-native 。我在 VS Code 中工作，但是要运行该应用程序，我必须安装 Visual Studio Community，否则它在启动时给了我错误：

在我使用本教程中的所有选项安装 Visual Studio 后，错误变为：

我尝试寻找解决方案，推荐的是这个。所以我检查了我的命令行。运行dotnet --list-sdks后只有一个版本：

global.json我在我的项目中使用以下文本创建了文件：

但是在我运行npx react-native run-windows命令后，出现以下错误：

我不明白为什么即使dotnet --list-sdks工作正常也找不到它？这是我的项目的屏幕截图：

如果我忘记包含任何内容，首先道歉，这里是新的！我在使用 react-native-windows 版本 0.63.0-0 和 react-native 版本 0.63.2 时遇到了一个非常奇怪的问题。问题是从我的 Windows 笔记本电脑进行的网络调用看起来好像它们没有尝试执行...期间。它们会立即失败并简单地返回一个 TypeError。

这发生在我全新的 RN/RNW 初始化中，并且我已经使用几个 http 库和调用的变体进行了测试，例如使用相同的 then 和 catch 逻辑交换 axios 以获取所有内容（在下面的一些示例中除外为简洁起见）。我尝试过但未能到达几个不同的域。我尝试访问的 API 可用（通过邮递员成功测试）。其他标准的 React-Native 项目在我的笔记本电脑上工作得很好。我已经清除了 Metro，运行 --reset-cache，删除了 tmp，重新安装了节点模块，所有你应该尝试像这样进行故障排除的标准。

我还在调试器控制台中看到以下错误，即使我可以从我的“chrome dev tools -> sources -> page”面板中看到 debuggerWorker，据我了解，该错误仅与 chrome 不处理有关源映射正确，请随时纠正我。但是我不确定它们是否相关，或者这只是一个侥幸：

通常我会运行npx react-native run-windows（或npx react-native start --reset-cache先单独运行）来执行项目，但是从 VS Code 的调试窗格进行调试以及从 Visual Studio 运行会产生相同的错误。

我的反应原生 Windows 设置是否缺少一些东西？我已经按照 Windows 设置一步一步进行了几次，甚至只是简单地添加一个 http 请求以从他们的默认应用程序执行立即失败......这已经阻止了我一段时间，它真的感觉像是一个环境设置问题，但我不知道我还会在 Visual Studio/我的配置中检查什么来解决这个问题。

我正在尝试从 react-native windows 连接 SQLite。它在 SQLite“open”方法中引发了错误。

所以，我打开了 react-native windows SQLite Solutions。它映射了旧的 react-native 库。所以，我更新了参考并构建了解决方案。它编译没有错误。并将包添加到

PackageProviders.Add(SQLite.ReactPackageProvider());

但是插件代码没有反映在 react-native 中。

所以，我把代码移到了主项目。它抛出了编译时错误

请指导我升级 react-native SQLite 存储。

提前致谢。

对于某个 Windows 应用程序，我正在尝试在解决方案项目上安装 react-native-video 包。我找到了以下程序：

从链接中获取的图像：https://www.npmjs.com/package/react-native-video

但在步骤“添加#include”winrt/ReactNativeVideoCPP.h“。” 我收到一个错误：“找不到源代码“ReactNativeVideoCPP.h”

可能是什么问题呢？

我是 react 和 react-native 的新手，正在尝试运行 react-native-windows 模板项目，但遇到了问题。

错误

应用程序在带有错误横幅的空白窗口中加载Error 80072f78 downloading http://localhost:8081/index.bundle?platform=windows&dev=true&hot=false&inlineSourceMap=true

图片供参考

我试过的

我按照 react-native-windows入门文档中的说明进行操作

即：

该过程将启动另一个带有反应徽标的终端窗口。应用程序将成功构建，并将在新窗口中启动。但是，原始错误始终存在。

我已经尝试卸载并重新安装所有相关程序。我也尝试在 c# 和 c++ 中构建，但无济于事（在上面的第三步中添加 --language 标志）。

版本

react-native-windows：0.63
react-native：0.63.2
Windows SDK：10.0.18362.0
节点：14.16.0
npm：6.14.11

我在网上找不到类似的问题。如果有人有建议，我将不胜感激。我非常乐意提供更多信息。谢谢！

我正在为 Windows UWP 使用 react-native。我不明白如何加载要与应用程序打包的本地光栅图像资产。我目前将图像文件放在 windows/foobar/Assets/ 中（其中 foobar 是应用程序的名称）。我最初的假设是我可以像这样在源代码中简单地要求它们：

这适用于 svg 文件，但光栅文件的错误表明它无法定义模块。这是有道理的，因为 require 用于加载模块，而光栅文件绝对不是这样。VS Code 试图通过不自动完成 Assets/ 下的任何光栅文件来帮助我理解这一点。

但是，我在网上看到了一些我可以做的例子：

我不明白为什么这种格式可以工作，但本地路径会失败。

我已经看到其他示例说明我应该使用：

但这并不能解决。

最终，我假设我需要告诉 react-native for windows 我想在我的应用程序中包含的资产，以便可以通过某种资源包解决它们，但我没有找到任何关于如何完成此操作的文档。我该怎么办？

对于 windows UWP 的 react-native，我有以下 JSX：

其中列出了 Average 和 Last 文本，因此它们与冒号对齐，如下所示：

视觉上这就是我想要的，但我不能一次选择整行的文本。只有每个单独的文本元素是可选择的。如果我用这样的外部文本块包装两个文本块：

然后我的文本可以像我想要的那样选择，但布局更改为：

我怎样才能得到我想要的布局和所有的文本都是可选的？我必须使用显式宽度还是可以使用 flexbox 来完成？

我正在使用 Visual Studio 项目构建一个 react-native-windows 应用程序并尝试配置 SSL 证书。我一直在尝试使用“Declerations”标签上的“Package.appxmanifest”文件来做到这一点。 package.appmanifest 文件

运行应用程序时，我仍然收到无效证书错误消息。

我使用 chrome 浏览器中的“站点信息”生成了证书：生成证书

我的问题是：

1. 是否有其他方法可以在 Visual Studio 项目中配置 SSL 认证？
2. 有没有其他方法可以为某个站点/API 生成证书？

我有以下简化版本的 FlatList，它每 5 秒向其数据添加一个唯一项。

我相信这遵循了最佳 FlatList 性能的最佳实践：

• 提供密钥提取器
• 记忆渲染项 JSX 函数
• 记忆渲染项功能本身

但是，该列表呈现的内容超出了预期（如 renderItem 方法中的日志语句所示）。例如，这是将第一个元素添加到列表时的输出：

这是添加第二条消息时的输出：

这是添加第三条消息时的输出：

我的期望是，由于我记住了渲染函数，这将导致 renderItemMemoFunction 仅被添加到 FlatList 中的新元素调用。为什么这不会发生？