React 建议和自动完成不适用于 VSCode 中带有 js 扩展名的文件

Posted 2023-02-21

【中文标题】React 建议和自动完成不适用于 VSCode 中带有 js 扩展名的文件

【英文标题】：React suggestions and autocomplete does not work for files with js extension in VSCode

【发布时间】：2020-09-27 18:17:17

【问题描述】：

我需要在 Visual Studio Code 中启用与 React 相关的建议和自动完成功能，但需要在扩展名为 .js 的文件中启用。使它对我有用的唯一方法是将扩展名从.js 更改为.jsx。我尝试了this post 中描述的所有内容，但对我没有任何帮助。

这就是我所说的 React 相关建议和自动完成的意思。

【参考方案1】：

"*.jsx" 扩展与 javascriptreact 语言模式关联。

将文件类型从javascript 更改为javascriptreact，您可以从底部面板进行操作。

或者从命令面板运行Change language Mode (ctrl+p)。

另外，您可以在您的settings.json 上添加files.associtiations：

  "files.associations": 
    "*.react.js": "javascriptreact",
    "*.jsx": "javascriptreact",
    "*.js": "javascriptreact",
  

【讨论】：

我也试过这个。但它对我不起作用，它只启用了 Emmet，但没有给出 React 具体的建议和自动完成。这真的很奇怪，因为唯一可以触发启用建议的是当我手动将文件扩展名从 .js 链接到 .jsx 时。即使我将语言模式设置为 javascriptreact 也不会启用建议。

这是官方方式，没有足够的上下文来帮助您进一步解决问题

我已将 javascript 文件与 javascriptreact 相关联，但我得到的是 here。

【参考方案2】：

我也有同样的问题，但是当我在后台保持 index.js 文件打开时，一切正常。你也可以试试

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。