当我们在创建Vue项目时,Vue默认是配置了eslint代码规范检查的,不过我们在项目中Typescript来编写代码时,却报了标题的错误,对应的代码如下:
<script lang="ts">
export default{
name: "DlHeader"
}
</script>
<script setup lang="ts">
import { withDefaults } from 'vue'
interface Props {
height?: string
}
withDefaults(defineProps<Props>(), {
height: "60px"
})
</script>
这里面用interface定义了一个我所认为的接口。然后在vue的函数中去使用它。代码跑起来没有问题,但是使用eslint执行检查的时候就报错了。于是百度了下这个问题,stackoverflow有关于它的描述是这样的:
下面有人给出了问题的解决方法:
这里面提到的standard也是一个代码风格检查工具,官网是:https://standardjs.com 看它的内容描述,这是一个类似eslint的东西,似乎比eslint更加简单。如果用于ts的检查,可以使用ts-standard变