这是特定于vue js 2(使用2.7)使用类型记录和volar扩展。
使用<script lang="ts">
时,即使内容不支持类型记录,<template>
内容也会收到类型记录通知。
例如:
<my-component @change="(selection)=>doStuff(selection, index)"></my-component>
将显示错误(在IDE中,但编译和工作)
参数'selection‘隐式具有'any’type.ts(7006)
添加类型使代码无效,因为类型未被解析。
<my-component @change="(selection:string)=>doStuff(selection, index)"></my-component>
意料之外的令牌,预期",“(1:429)
发布于 2022-07-15 09:34:34
希望这能帮助那些面临同样问题的人。
2.7发布博客文章有以下关于volar兼容性的说明:
Volar相容性 2.7附带了改进的类型定义,因此不再需要仅仅为Volar模板类型推断支持而安装@vue/运行时-dom。现在您所需要的只是tsconfig.json中的以下配置: { // ."vueCompilerOptions":{“目标”:2.7 }
但是,为了抑制模板中的类型记录检查,还需要使用experimentalDisableTemplateSupport
选项。
tsconfig.json
"vueCompilerOptions": {
"target": 2.7,
"experimentalDisableTemplateSupport": true
},
https://stackoverflow.com/questions/72997727
复制相似问题