Vuetifyで「’flat’ has been removed, use ‘text’ instead.」

今回はVuetifyを使っているときに「’flat’ has been removed, use 'text’ instead.」と出たときの対処法についてご紹介いたします。



Vuetifyで「’flat’ has been removed, use 'text’ instead.」

対処法そのものは簡単です。
エラーメッセージの通り、タグの「flat」の部分を「text」に差し替えればOKです。

flatはv2.3.0で撤廃されました。
下記の「The following internal classes have been deprecated:」の部分ですね。
https://github.com/vuetifyjs/vuetify/releases

古いVeutifyのマニュアルや記事を見てそのまま実装すると上記のようなエラーが発生することになります。

Veutifyのバージョンを上げたときなどに注意しましょう。

終わりに

今回はVuetifyを使っているときに「’flat’ has been removed, use 'text’ instead.」と出たときの対処法についてご紹介いたしました。

最後までお読みいただきありがとうございます。
よろしければブログやTwitterでのシェアをお願いしております。
コメントもお待ちしております。
誤植や勘違いなどございましたらコメント欄にて教えていただけると幸いです。

直接契約ができるフリーランスエージェント「エンハンス」を立ち上げました。
詳しくは下記LPをご参照ください。
https://enhance.decryption.co.jp/

Youtubeチャンネル開設いたしました。
チャンネル登録者10,000人を目指しているので、良いと思った方はチャンネル登録をお願いしたいです。
https://www.youtube.com/channel/UC219XhmSRxmXltTy6COxSMw






Veutify

Posted by ちこ