vscode 无法ctrl左键跳转jsx文件路径？

Question

`import SiteHeader from '../../components/SiteHeader.jsx'`

无法跳转到对应的jsx文件中。

但是js文件可以，比如:

`import { reqGetUserInfo } from "../../api";`

可以正确跳转到api.js

所以是vscode如何对jsx文件进行跳转呢?

Answer 1

ctrl+p 找到 jsconfig.json文件，没有的话需要人为创建
然后添加一句

"jsx": "react"

即可

参考

Answer 2

也遇到了这个问题，如果根目录下没有jsconfig.json，是可以直接跳转的，并且import的时候不需要带后缀。
如果有，必须显式的配置jsconfig.json:

{
    "compilerOptions": {
        "jsx": "preserve",
    }
}

原理是这个跳转功能是内置的扩展typescript提供的，在配置了jsconfig却没有明确写明jsx的情况下，会找不到定义。故删除jsconfig.json或者显式配置jsx即可解决

Answer 3

{
  "compilerOptions": {
    "jsx": "react-jsx"
  }
}

Answer 4

vue 文件也不行啊