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';

这是我的vscode的jsconfig.json

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

可以在这里获取代码： https : //github.com/fthebaud/react-boilerplate

我在jsconfig文件中缺少什么吗？关于扩展也许？

Answer 1

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

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

有关此设置的更多信息，请参见此处