WebStorm 中的 NodeJS 调试

Question

我有一个 .js 文件类似于

import json from "$gameData/tags.json";

const func = () =>
    {
        // some function that uses the json variable
    }

在调试 func 时，至少 WebStorm 的调试器说 json 是未定义的，即使它显然存在（当被 console.log 读取时，或与任何其他方式）。

将其绑定到另一个变量使其可调试，例如：

import jsonImport from "$gameData/tags.json";
json = jsonImport;

为什么它在调试器中显示为未定义？我也搜索了整个堆栈。

Answer 1

调试由 babel 转译的 ES6 模块时，这是一个已知问题。详情请参阅 https://github.com/webpack/webpack/issues/3957, https://github.com/babel/babel/issues/1468。例如，使用 Chrome DevTools 进行调试时，您将面临同样的问题。

NodeJS debugging in WebStorm