React Native 如何在断点上下文中执行代码

Question

我正在使用

• 原生反应
• 对比代码
• 输入脚本

我想在断点处停止并执行代码。我可以在断点处停下来。我似乎能够在控制台中访问本地变量，但我看不到我导入的这个变量是什么

import {images} from '../assets/index';

这是该文件的内容

export const images = {
    Level_4_Hallway: require("./images/floorplans/Level_4_Hallway.jpg"),

};

我试图在控制台中要求它，但我不知道我的路径是什么。出于某种原因，要求在 vscode 中有效，但在 chrome 调试器中无效

Answer 1

如果您查看 VS Code 中“变量”面板中的封闭范围，其中之一应该具有与您的导入相对应的局部变量。这些变量的精确命名和含义取决于模块捆绑器，在 React Native 的情况下是 Metro。我做了一个简单的测试，看起来导入模块的名称被转换为驼峰式并带有下划线前缀，并且在某些情况下添加了2的后缀。

如果所有其他方法都失败，请在程序中添加代码以将导入复制到局部变量，例如：

const images2 = images;

Answer 2

使用debugger; 创建断点并启用调试

debugger;
export const images = {
    Level_4_Hallway: require("./images/floorplans/Level_4_Hallway.jpg"),

};