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

Question

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

假设我在src文件夹中的某个位置有两个文件：A.jsx带有 React 组件A和带有使用 component 的B.jsxReact 组件。当我在 VS Code 中打开我的项目时，转到并询问代码，它只显示文件中的一个引用（带声明）。为了使 VS Code 能够显示引用，我需要打开，然后返回到，然后才会显示两个引用...BAA.jsxFind All ReferencesAA.jsxPropTypesB.jsxB.jsxA.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