<h1 id="%E7%B5%90%E8%AB%96">
<a class="header-anchor-link" href="#%E7%B5%90%E8%AB%96" aria-hidden="true"></a> 結論</h1>
<p>Vue3系で開発をしたい場合、 <code>JavaScript and TypeScript Nightly</code>を無効化 or 削除する</p>
<h1 id="%E8%83%8C%E6%99%AF">
<a class="header-anchor-link" href="#%E8%83%8C%E6%99%AF" aria-hidden="true"></a> 背景</h1>
<p>Nuxt3の開発中、突然volarの推論などが効かなくなりました。</p>
<p>volar は Vue3での開発を行うためのサポート拡張です。<br>
<a href="https://marketplace.visualstudio.com/items?itemName=Vue.volar" target="_blank" rel="nofollow noopener noreferrer">Vue Language Features (Volar)</a></p>
<p>拡張機能の整理をしているうちに、 <code>JavaScript and TypeScript Nightly</code>が原因であることがわかりました。</p>
<p>JavaScript and TypeScript Nightly は 組み込みのTypeScriptのナイトリービルドを可能にする拡張機能です。</p>
<p><a href="https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-typescript-next" target="_blank" rel="nofollow noopener noreferrer">JavaScript and TypeScript Nightly</a></p>
<p>こちらの拡張機能を削除することで、Volarが正常に動作するようになりました</p>


【VSCode】volar と JavaScript and TypeScript Nightly を共存させるとvolarが効かなくなる

結論

背景

Discussion