Question

我在VS Code中打开了一个JavaScript项目。没什么好看的，所有*.jsx?都在src文件夹中，由webpack捆绑的文件存储在dist中，package.json中描述了一些依赖项，并安装在{ {1}}。

假设我在node_modules文件夹中有两个文件：src和React组件A.jsx和A和React组件B.jsx，它们正在使用组件{ {1}}。当我用VS Code打开项目时，转到B并向A中的A.jsx询问代码，它仅显示文件Find All References中的一个引用（带有A宣言）。为了使VS Code能够在A.jsx中显示引用，我需要打开PropTypes，然后返回到B.jsx，然后才显示两个引用...

当文件分别命名为B.jsx和A.jsx时，相同的情况也可以正常工作，问题似乎出在A.js扩展方面。

我想拥有的一种方法是在整个项目中查找所有引用，而无需打开所有文件，无论文件是否另存为{ {1}}或B.js。有没有办法做到这一点？

我已经尝试过*.jsx与

.jsx

和

.js

在我的jsconfig.json

中

Answer 1

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

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

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

在整个项目中无法在VS Code中找到所有引用

1 个答案: