Visual Studio 代码：导航到 jsx 组件

Question

在 Visual Studio 代码中，我希望能够使用 ctrl + click 导航到导入的文件。

到目前为止，我可以为 javascript 文件 (.js) 执行此操作，但不适用于 react 文件 (.jsx)

这是我的目录结构：

这是我的 TestImport.jsx 组件中的导入（相对和绝对）：

import DummyTwo from 'components/common/dummy-two/DummyTwo.jsx';
import something from 'components/common/my-file/myFile.js';

import DummyOne from '../common/dummy-one/DummyOne.jsx';
import somethingElse from '../common/my-file/myFile2.js';

这是我的 jsconfig.json 用于 vscode

{
  "compilerOptions": {
    "experimentalDecorators": true,
    "baseUrl": "src"
  }
}

可在此处检索代码： https://github.com/fthebaud/react-boilerplate

我在 jsconfig 文件中遗漏了什么吗？关于扩展可能？

Answer 1

使用jsx需要添加"jsx": "react"：

{
  "compilerOptions": {
    "experimentalDecorators": true,
    "baseUrl": "src",
    "jsx": "react"
  }
}

有关此设置的更多信息，请参阅here