Q&A
前提
TypeScript+Vue(Nuxt3)でシステムを作っています。
clickイベントを実装中に以下のリントエラーが発生しました。
実現したいこと
動くことには動くのですが、可能であればこのエラーを削除したいです。
発生している問題・エラーメッセージ
<button @click="onClick()">Button</button>のclickの下に赤い波線が表示され以下のエラーメッセージが表示されます。
型 '($event: any) => void' を型 'MouseEvent' に割り当てることはできません。ts(2322) __VLS_types.ts(109, 56): 予期された型は、型 'EventObject<any, "click", {}, MouseEvent>' に対してここで宣言されたプロパティ 'click' から取得されています
該当のソースコード
Vue.js
1<script lang="ts" setup> 2const onClick = () => { 3 console.log("Button click"); 4}; 5</script> 6 7<template> 8 <div> 9 <button @click="onClick()">Button</button> 10 </div> 11</template> 12
試したこと
node_moduleの再インストール
またエラーメッセージ通り、型 '($event: any) => void'をMouseEventに変換しようとしましたが、そもそもの方法がわかりませんでした。
補足情報(FW/ツールのバージョンなど)
npm 9.3.0
nuxt@3.0.0-rc.11
あなたの回答
tips
プレビュー