VS 代碼自動完成/智能感知不工作

Question

從https://frontendmasters.com/courses/complete-react-v5/在 Windows 的 VS Code 上構建我的第一個 React 項目 10.

已經安裝了 prettier，eslint。 使用 Parcel 轉譯代碼。 智能感知僅適用於 index.html 文件。 js文件上什么都沒有。 查看了舊答案，但沒有一個被證明是有幫助的。 這里有點菜鳥，一步一步的解決方案會有所幫助

截圖附加項目文件

http://www.filedropper.com/adapt-me

Answer 1

在右下角將語言模式 Javascript 更改為 Javascript React

Answer 2

您需要指定您正在處理的文件是JavaScript React類型，目前使用.js它是JavaScript文件類型。

您可以在底部Status Bar上看到文件類型

使用Change Language Mode （通過命令面板）命令手動更改它。

此外，您可以在settings.json提供一個配置以將其與文件名相關聯，例如：

  "files.associations": {
    "*.react.js": "javascriptreact",
    "*.stories.js": "javascriptreact",
    "*.action.js": "javascriptreact",
    "*.reducer.js": "javascriptreact",
    "*.styles.js": "javascriptreact",
    "*.styles.react.js": "javascriptreact",
    "*.styles.jsx": "javascriptreact",
    "*.svg.js": "javascriptreact",
    "*.jsx": "javascriptreact",
    "*.js": "javascriptreact",
    ".stylelintrc": "jsonc"
  }

Answer 3

看看這張照片。 前往設置並搜索自動完成，勾選它們，您就可以開始了。

Answer 4

您的包裹設置可能有問題。 您能否創建一個 Create React App 項目模板CRA並檢查智能感知是否仍然無法處理其中的 js 文件。

另一種選擇是將你的 VS 代碼升級到最新版本，如果有任何更新，或者你可以下載VSCode Insiders並檢查智能感知是否按預期工作。

另一種選擇是從在提交的底部所提及的檢出代碼此頁面，並檢查智能感知適用於本規范。

Answer 5

如果您的文件擴展名類似於 .js，請將其轉換為 .jsx。

Answer 6

我在嘗試使用 fs 函數自動完成時遇到了同樣的問題。 當我從需要切換到導入 fs 時，自動完成出現了。 不過不知道有沒有關系。 只是一個完整的新手。

Answer 7

您需要將“.jsx”的擴展名分配給VS Code右下角的“Javascript React”。

單擊Configure File Association for '.jsx' ：

然后 select Javascript React ：

現在自動完成會像 html 文件一樣發生。

另外，請確保將“.jsx”擴展名添加到您的文件而不是“.js”。