使用JavaScript为React Native自动导入VSCode

Question

我知道VSCode支持JavaScript的自动导入。

由于某些原因，它在React Native中不起作用。甚至在VSCode网站上有一个专门的章节针对此问题。但是它只回答了如何为Typescript解决此问题（使用allowSyntheticDefaultImports）。我希望适用于JavaScript（ES6）。

我尝试在我的settings.json中明确设置"javascript.suggest.autoImports": true,但是这样做并没有改变任何内容，因为true默认就是这个值。

如何在React Native中JavaScript中获得VSCode的自动导入？

PS：此插件（在这个类似的问题中建议使用）也仅适用于TypeScript。除此之外，由于VSCode已经自带自动导入功能，应该有一种解决方案无需扩展程序来适用于RN和JS。

- J. Hesters

---

你解决了这个问题吗？ - mike_t

@mike_t，老实说我不记得了... - J. Hesters

Answer 1

你可能已经禁用了“自动导入”选项。
在 VSCode 中，转到设置并搜索“自动导入”选项，它应该是这样的：

如果它被禁用了，只需激活它，一切都会没问题的。

- Mohamed Abkal

Answer 2

如果您已经检查并启用了用户设置中的“Javascript: Auto Import”，但它仍然无法正常工作，那么可能还有其他原因是您没有意识到的：

• 检查优先级更高的首选项，即在设置窗口中User选项卡旁边的Workspace设置。如果您喜欢在脚本中进行配置，则在.vscode文件夹中有一个名为setting.json的文件

附加信息： 在您的项目/工作区根目录中，查找名称为“.vscode”的文件夹和“setting.json”文件，在其中存储影响工作区内部内容的首选项。 查找可能导致意外设置的任何内容，并根据您的需求进行更新。

如果您找不到类似的内容。然后尝试重新安装您正在使用的“自动导入”扩展。重新加载编辑器，然后再试一次。我的大多数编辑器错误都是通过简单地重新加载编辑器来修复的。

希望这可能会有所帮助！

- ndnam198

---

请提供更多细节，附带一些示例或参考资料。 - nageen nayak

好的，我会对答案进行编辑。 - ndnam198

Answer 3

1. 安装Auto Imports VSC扩展，并在VSC设置中启用自动导入选项（对于JS）（文件 ->首选项 ->设置）。

2. 您可以尝试使用ctrl+space（例如，在将光标放置在<Text>元素内后），并从显示的选项中选择导入元素。

- Abilash Ananthula

Answer 4

对我来说，问题既不是插件也不是VSCode。

我尝试选择与库名称相邻的建议，这对我有用。例如，如果我想要组件，则会从建议中选择Componet react，然后它就可以工作了。

- Iva