首页 前端知识 Vue3 TS项目踩坑记录:Type assertion expressions can only be used in TypeScript files.

Vue3 TS项目踩坑记录:Type assertion expressions can only be used in TypeScript files.

2024-04-29 11:04:54 前端知识 前端哥 221 732 我要收藏

js代码如下

<script>
import { defineComponent, PropType } from 'vue'
import { IBreadcrumb } from '@/base-ui/breadCrumb'
export default defineComponent({
  props: {
    breadcrumbs: {
      type: Array as PropType<IBreadcrumb[]>,
      default: () => []
    }
  },
  setup() {
    return {}
  }
})
</script>

其中,types中报错显示:
(alias) type PropType = PropConstructor | PropConstructor[]
import PropType
Type assertion expressions can only be used in TypeScript files

breadcrumbs: {
      type: Array as PropType<IBreadcrumb[]>,
      default: () => []
    }

百度第一条答案是修改vs code中取消打勾javascript.validate.enable和typescript.validate.enable,改了之后还是报错
继续检查代码,发现props中使用的是typescript的语法,但是使用的script的标签没有加lang = “ts”,加了之后就没问题了。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/5985.html
标签
评论
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!