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

我有一个React TypeScript应用程序，它定义了以下内容：

index.tsx

import './initDefaultAccessContext';

然后在initDefaultAccessContext.ts中，我定义了一些内容。

const appName = 'something123';

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

> appName
and
> window.appName

以上两个都返回undefined。

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

最佳答案

> window.appName

您不能在控制台中编写window.appName并期望它返回值，因为appName的作用域是内部只是一个IIFE的模块（而不是全局对象），这是在运行时查看该值的唯一方法appName的方法是在文件内的一个断点添加到您要关注的特定行，并在其中查看其值。

关于javascript - 如何从Chrome REPL调试React变量，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/54830084/