Next.JS jsx 建议在 VS-Code 中不起作用

Question

当我创建新的 Next.js 应用程序并使用 JavaScript 并使用 VS Code 打开它时，在 .jsx 文件中，建议无法正常工作，如图所示，任何组件的道具建议都不会显示。 但是当我创建它并使用 TypeScript 时它就可以工作了。

我删除了所有

settings.json

文件并重置了所有 VS Code 设置，但我不起作用。

Answer 1

我建议你遵循这些方法

• 检查 VS 代码更新
• 清除 VS Code 缓存
• 安装所需的扩展

Answer 2

针对 VS Code 不建议 JSX 属性问题的一些可能的解决方案：

1. 更改文件扩展名：尝试使用

   .js

   或

   .ts

   ，而不是

   .jsx

   或

   .tsx

   。这通常可以帮助提供 JSX 建议。
2. 导入 React：尽管在最新版本的 React 中不需要它，但在文件中导入 React (

   import React from 'react';

   ) 有时可以使 VS Code 再次识别并建议 JSX。
3. 检查语言模式：确保 VS Code 窗口右下角的“选择语言模式”选项卡显示“Javascript React”。如果没有，您可以从命令面板 (Ctrl+P) 或底部面板更改语言模式。
4. 安装并启用 ES7 React/Redux/GraphQL/React-Native 扩展：此扩展可以提供改进的 JSX 建议。
5. 添加 jsconfig.json 文件并安装 @types/react：这可以帮助提供 JSX 建议。

如果问题仍然存在，可能还有其他因素在起作用，例如其他扩展干扰 VS Code 的 IntelliSense。