ことはじめ
Vue.js + TypeScript で開発していたら、急にコードジャンプが効かない＆型チェックが走らない状態に。
拡張機能のホストを再起動してみると右下に以下のメッセージが表示されました。
The "TypeScript Vue Plugin (Volar)" extension is no longer needed in version 2.0. Please uninstall it.
Takeover mode is no longer needed in version 2.0. Please enable the "TypeScript and JavaScript Language Features" extension.
原因
Vue.js 公式 extension で以下のアップデートがあったようです。
- "Volar Language Features (Volar)" extension が "Vue - Official" に名称変更
- Volar 廃止
- テイクオーバーモード廃止
- 代わりに「ハイブリッドモード」として、デフォルトの TypeScript プラグインで動作するようになったようです
対策
新しいワークスペースでは、シンプルに「Vue - Official」 extension のみを追加すればOKと思われます！
作業中のワークスペースでは Volar + Take Over Mode で開発していたので以下の対策を行いました。
1つ目ポップアップに従って Volar を無効にします。
２つ目のポップアップに従って「TypeScript と JavaScript の言語機能」を有効にします.
（もともと、テイクオーバーモードを利用するために「ワークスペースで無効」に設定していたらしい）
Vue - Official も表示してみると「再読み込みが必要です」と表示されているので、再起動したら完了！
これまで通り開発できるようになりました。
