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

Question

我正在使用

• 反应原生
• vs代码
• 类型脚本

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

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

这是该文件的内容

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

};

我试图在控制台中要求它，但是我不知道我的路径是什么。由于某些原因，require只能在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"),

};