问题标签 [react-native-tools]

希望有人可以帮助我一点。我正在尝试使用 react native 进行一些移动开发，我是一名 C# 网络/软件开发人员。我正在使用 VSCode 进行开发，并在 Windows 10 上安装了 react native tools 扩展。

我使用 create-react-native-app 创建了我的解决方案，一切都运行良好，并且我使用 AVD 模拟器进行了大量开发来查看应用程序。

因此，首先要让调试器显示在 VSCode 中，我将以下内容添加到 launch.json ：

似乎端口号无法正常工作，因此除此之外，我在 settings.json 中添加了以下内容：

文件夹结构为：-> APP ->.vscode ->setting.json 和launch.json

现在这样做似乎可以解决问题。我所要做的就是使用 ctrl + M 启用远程 js 调试，因为我可以调试我的应用程序。

我在 VSCode 中进行任何更改并保存它的那一刻，它会在我的模拟器上显示更改，但它不再命中我的任何断点。我需要使用 VSCode 中的菜单重新加载调试器，然后这需要我重新添加断点，从而无法调试未在单击按钮时设置的方法。

我做错了什么，因为这使得调试几乎没用吗？任何控制台都没有错误。

请，任何建议将不胜感激，如果我可以添加任何其他信息，请告诉我。

无论我是否选择“附加到打包器”配置运行打包器

反应原生开始

首先或“调试 Android”，我在 vs 代码中设置的断点显示为灰色并且没有被命中。

这是我从调试控制台获得的信息：

操作系统：win32 ia32 适配器节点：v7.9.0 ia32 vscode-chrome-debug-core：3.23.0 启动调试器应用程序工作人员。与代理（Packager）建立连接到 React Native 应用程序调试器工作程序在端口 10029 上加载运行时使用 appParams：{“rootTag”：71} 运行应用程序“EugeneKrApp”。DEV === true，开发级警告开启，性能优化关闭 index.bundle:19019 警告：componentWillMount 已弃用，将在下一个主要版本中删除。请改用 componentDidMount。作为临时解决方法，您可以重命名为 UNSAFE_componentWill

有一堆警告，就像我没有包括的关于 componentDidMount 的最后一个警告，它们几乎不影响调试。

我正在尝试在 react-native 中创建我的应用程序的调试版本。它以前工作过，并且在我为 VSCode 文本编辑器使用 react-native-tools 扩展包并附加其调试器进行调试后，问题就开始了。创建发布版本时不会发生该错误。我已经删除了扩展，删除了我的项目 node_modules 文件夹并重新安装。

错误如下：

react-native 版本是 0.55.4。我的 package.json 文件是：

我无法弄清楚错误是什么以及如何解决它。任何帮助表示赞赏。谢谢。

2018 年 8 月 31 日更新

我打开出现错误的文件，发现该文件在两个地方可用：

• C:\Users\Nikhil\.gradle\caches\modules-2\files-2.1\com.facebook.react\react-native\0.12.0\8a53a72920675231a5d11880ae3cacb9ab91b93c\react-native-0.12.0-sources.jar!\com\facebook\react\modules\fresco\FrescoModule.java在用户文件夹 (Windows)。
• G:\path\to\project\node_modules\react-native\android\com\facebook\react\react-native\0.55.0\react-native-0.55.0-sources.jar!\com\facebook\react\modules\fresco\FrescoModule.java

其中文件Users夹中的文件没有该SystraceRequestListener.java文件。

此外，路径中的 react-native 版本是 0.12.0。这是怎么设置的？？我该如何改变这个？我猜它应该是 0.55.4，即项目中使用的当前 react-native 版本。

我应该在哪里进行更改？？在项目中？？或在 Android Studio 基本设置中？

请帮忙...

更新 2 31/08/18

从文件夹中删除了 .gradle/cache 文件，Users但错误仍然存​​在。

现在错误肯定在项目的 .gradle 文件夹中。

现在需要确定为什么会发生错误，即使SystraceRequestListener.java它与发生错误的文件存在于同一文件夹中，即FrescoModule.java.

2018 年 3 月 9 日更新（9 月 3 日）

我重新安装并配置了项目中使用的所有npm包，以查找构建时出现上述错误，我发现我安装react-native-firebase时出现问题。如果我找到一些解决方案会更新。

我有一个 expo 项目，我们可以运行和构建它，它可以在 android 和 iOS 中正常工作。我想要的是使用我的 Visual Studio Code 调试所述项目。

我遵循了一些指南并尝试了以下方法：

1. 在 vscode 中添加 React Native Tools 扩展。
2. 在 vscode 调试器中添加“附加到打包程序”配置。
3. 更改 settings.json 中的“react-native.packager.port”以匹配 expo 打包程序端口 (19001)
4. 运行博览会（博览会开始）
5. 并尝试通过启用和禁用“远程调试 JS”以及打开或关闭 chrome 调试器来启动调试器

我得到的结果是带有调试器控件的小窗口出现了一秒钟然后消失，没有任何日志或证据表明它做了什么。我检查了 vscode 中的终端选项卡、输出选项卡和调试控制台选项卡

顺便说一句，当我启用“远程调试 JS”时，chrome 调试器会启动并完美运行。

我的 launch.json 是由 react native tools 扩展自动生成的。我还尝试将 "sourceMaps":true 添加到附加配置中，最终结果是相同的。这是我的代码：

}

以防万一，操作系统是 Ubuntu 16.04

提前致谢！

几分钟后，Vscode 反应原生扩展停止，例如导入相对路径建议、转到定义、样式建议、常量重定向。

我已经尝试重新安装所有反应原生扩展。此问题仅发生在一个项目中，而不是其他反应本机项目。所以我认为它的发生是因为这个项目中的一些代码

我的 package.json

babel.config.js

.eslintrc

想要显示 javascript，反应原生建议，如导入生命周期、样式建议、导入建议

Developer console when the error occurs.

Any methods without disabling react-native-tool extension?

我有 4 个输入字段，如下所示。名称、数量、数量、价格。还有两个文本字段，佣金和总计。

如果用户按价格输入值并计数，则应计算金额（价格 * 计数）。如果用户以价格和金额输入值，则应计算计数（金额/价格）。在这两种情况下，commission=0.02*amount 和 total=amount+commission 都应该更新。

因此，我尝试使用下面的代码片段作为根据价格更新金额和佣金的开始。但它没有更新。

//App.js

//createCoins.jsx

你能建议一下吗？

如下更改 createCoin.jsx 的代码后。文本字段“总金额”正在更新，但如何更新输入字段金额？我尝试向它添加属性 value={state.amount} 但没有像无效道具一样出现错误。

我已经安装了react native tools ext。在 vscode 上。我正在尝试添加相同的键绑定以在服务器未运行时启动包服务器，反之亦然。

以下是我的 JSON 键绑定配置

我想将"when"属性添加到这两个项目中。

有人能告诉我使用哪些标志来检测服务器是否正在运行吗？

编辑

我还为此创建了一个问题，以防有人知道解决方案。

我正在尝试在 vsCode 中使用 react native v0.66.1 和 react native tools v1.8.1 来调试我的 android 应用程序。但是在运行应用程序并附加到打包程序或以调试模式启动后，我收到了这个错误com.facebook.react.commot.JavascriptException: Invalid or unexpected token。

我正在使用launch.jsonvscode 中的以下配置调试我的 React Native expo 应用程序：

这是使用React Native Tools完成的。

但是，我有一个动态配置（app.config.js），它设置了相当多的环境变量等，调试配置（直接使用app.json）忽略了这些变量。如何设置我launch.json的使用app.config.js代替app.json？