TypeScript编译器生成的文件在PhpStorm中无法识别为项目文件

Question

我使用PhpStorm 2017.2.3。我不知道这是一个IDE错误，还是我做错了什么，但就项目而言，TypeScript编译器生成的.js文件在某种程度上是“不可见的”。

我创建了一个单独的项目来单独演示此问题。它只包含4个文件：一个手动添加的JavaScript文件（manually-added.js），一个由TypeScript编译器生成的JavaScript文件（typescript-generated.js），一个TypeScript文件（typescript-generated.ts）和一个{{1}具有以下配置的文件：

tsconfig.json

除了创建这些文件之外，我唯一做的就是在PhpStorm 设置中检查启用TypeScript Comipler 并将其指向我的{ "compilerOptions": { "target": "es5", "moduleResolution": "node", "module": "commonjs" } } 文件。

以下是它在PhpStorm中的表现：

请注意tsconfig.json文件的不同图标。它表明这个文件有问题（事实确实如此）。这是：

• 它有如上所述的不同图标。
• 您不能在其上使用标记为纯文本（如果您没有做任何事情）。
• 文件观察者和范围是“不可见的”。

正如您所看到的，范围和文件观察者只检测到3个文件而不是4个文件：

我们将不胜感激。