Vue TypeScript : Require statement not part of import statement というエラーが出る。
解決したいこと
vue、typescriptを使ってサイトを作っています。
その最中にRequire statement not part of import statement というエラーが出ました。
解決できないので、解決方法、もしくはヒントを教えていただきたいです。
よろしくお願いします。
発生している問題・エラー
Require statement not part of import statement @typescript-eslint/no-var-requires
該当するソースコード
<template>
<img :src="img" alt="" class="img">
</template>
<script lang="ts">
import { defineComponent, ref } from 'vue'
export default defineComponent({
setup() {
const img = ref(require("@/assets/logo.png"))
return {
img
}
},
})
</script>
自分で試したこと
調べてみて試したことが2つあります。
1.'@typescript-eslint/no-var-requires': 0,をeslintrc.jsのrulesに入れる。
2./* eslint-disable */をtsconfig.jsonに入れる。
これらの方法では、何も変わりませんでした。
よろしくお願いします。
0
