javascript - 如何从 Chrome REPL 调试 React 变量

Question

我有一个定义如下内容的 React TypeScript 应用程序:

索引.tsx

import './initDefaultAccessContext';

然后在 initDefaultAccessContext.ts 中我定义了一些东西。

const appName = 'something123';

如果我在 chrome 中调试应用程序，我该如何从 REPL 访问 appName。

> appName 
and
> window.appName

以上两个都返回undefined。

您如何访问变量/以这种方式在代码中定义的任何内容？

Answer 1

> window.appName

您不能在控制台中写入 window.appName 并期望它返回值，因为 appName 的范围仅限于内部的模块(而不是全局对象)只是一个 IIFE ，查看运行时 appName 值的唯一方法是在文件内将断点添加到您感兴趣的特定行，然后在此处查看其值。