对于 React 中的新文件，VS Code 自动导入失败。需要帮助来理解这个问题

Question

我正在设置 IDE 来构建新的 React 应用程序，并在使用 VS 代码时发现自动导入存在问题。这不起作用。我使用的是 JS 的 React，而不是 TS。 我添加了一个新的 js 文件，如下所示，并尝试在不同的组件中引用它。但自动导入不显示任何建议。

我已经在 vscode 上启用了自动导入。

所以我想我可能会丢失一些包裹。因此，我在学习 React 时创建的一个旧应用程序上尝试了同样的方法。它显示了对旧组件的建议，但无法对新组件执行相同的操作。

新文件：

这将大大减少我的开发时间。因此，我们感谢任何帮助。我无法弄清楚问题是否与我尝试的方式有关，或者与 vscode 有关。

React 的版本是 18.0.0，新应用程序是 18.2.0。

以下是我正在使用的 VS Code 的详细信息：

Answer 1

如果您的项目文件很大或有很多文件，有时会发生这种情况。

您可以输入组件名称，选择它并按 CTRL + 空格键。这应该为您提供自动导入的选项。

您也可以尝试手动保存组件，然后尝试导入它。

PS：组件名称应以大写字母开头（最佳实践）

Answer 2

奔跑

npm install typescript --save-dev

即使您不直接使用 TypeScript，许多编辑器（包括 VSCode）也依赖 TypeScript 的语言服务器进行自动导入。在您的项目中安装打字稿