查找 VS Code 中不适用于整个项目的所有引用

Question

我在VS Code中打开了一个JavaScript项目。那里没有什么花哨的，所有*.jsx?都在src文件夹中，webpack 捆绑的文件存储在dist中，package.json中描述了几个依赖项并安装在node_modules中。

假设我在src文件夹中的某个地方有两个文件：A.jsx带有 React 组件A和B.jsx带有 React 组件B，它正在使用组件A。当我在 VS Code 中打开我的项目时，请转到A.jsx并要求代码Find All ReferencesA它在文件A.jsx中仅显示一个引用(带有PropTypes声明)。为了使 VS Code 能够在B.jsx中显示引用，我需要打开B.jsx，然后返回A.jsx，然后才会显示两个引用......

当文件被命名为A.js和B.js时，相同的场景可以正常工作，问题似乎出在*.jsx扩展性上。

我想要的是一种在整个项目中查找所有引用的方法，而无需打开所有文件，无论文件是另存为.jsx还是.js。有没有办法实现这一目标？

我已经尝试过jsconfig.json

{
"include": ["src/**/*", "src/**/*.jsx"]
}

和

"files.associations": {
"*.jsx": "javascriptreact"
},

在我的settings.json

Answer 1

好的，我终于用谷歌搜索了解决方案。为了将.jsx文件加载到项目中，VS Code 需要jsconfig.json以下内容：

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

这是他们回购中的答案：https://github.com/microsoft/vscode/issues/100251#issuecomment-646239840