HarioNote

VSCodeをアップデートしたらstyled componentsの入力補完をしてくれている拡張機能が効かなくなったので、ダウングレードせずに解決できないかと調べたらできたのでその備忘録です。
ただ、今回の解決策はあくまでも私が試してうまく解消できた方法なので万人に当てはまるわけではありません。
<h2>使用していたstyled componentsのコード補完の拡張機能</h2>
使用していたのは「 vscode-styled-components](https://marketplace.visualstudio.com/items?itemName=styled-components.vscode-styled-components)」です。 
<img src="https://storage.googleapis.com/newt-files/822f4a9b-906c-44bb-adf7-842d1153a252%2F2022-12-1046866.png" alt="2022-12-1046866.png">
↓こんな感じでstyled componentの定義内のcssの入力を助けてくれる便利なやつです 
<img src="https://storage.googleapis.com/newt-files/493861b4-b0c6-4f83-a1cd-a5c02e6c38a8%2F6541464653.png" alt="6541464653.png">
<h2>試した解決策と結論</h2>
結論から書かせてもらいますと、私の場合はVSCodeにインストールされていた「JavaScript and TypeScript Nightly」という拡張機能を取り除くことで解消することができました。
↓こちらです 
<img src="https://storage.googleapis.com/newt-files/e7f88aac-e340-487f-a7f0-d9d9fe10cdb8%2F6426454.png" alt="6426454.png">
拡張機能の欄から検索し、アンインストールをしVSCodeを再起動したら復活しました。 
これで快適な環境を取り戻せました。
<h2>結論にたどり着くまでの経緯</h2>
とりあえず色々ググったら 
↓こちらのissueにたどり着きまして、コメントを読み漁って解決方法にたどり着きました 
<a href="https://github.com/styled-components/vscode-styled-components/issues/354">https://github.com/styled-components/vscode-styled-components/issues/354</a>
issue内のコメントでは、VSCodeの様々なversionや環境で発生していたり発生していなかったりの報告があったのですが、その中の1つにVSCodeのバージョンは変えずに拡張機能の組み合わせを細かく試した人がいて原因が「JavaScript and TypeScript Nightly」とであったと報告がありました。（本当に感謝。。。）
それでその拡張機能を検索したら私の環境にもインストールされていたので、アンインストールを試したらうまくいきました。
たどり着くのに時間がかかったので地味に疲れました笑
以上です。

VSCodeをアップデートしたらstyled componentsの補完が効かなくなっていたので解消した【VSCode/拡張機能】

#VSCode拡張機能

VSCodeをアップデートしたらstyled componentsの補完が効かなくなっていたので解消した【VSCode/拡張機能】