Visual Studio代码：导航到jsx组件

Question

在visual studio代码中，我希望能够使用 ctrl + 单击导航到导入的文件。

到目前为止，我能够为javascript文件（.js）执行此操作，但它不适用于反应文件（.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 for vscode

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

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

我错过了jsconfig文件中的内容吗？关于扩展可能吗？

Answer 1

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

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

有关此设置的详情，请参阅here