vue3+ts+vite问题求助!!!

十万菠萝拍黄瓜

用vite创建vue3项目后,提示错误: 类型"{}"上不存在属性"a".如下图.

以及我的 package截图

还有tsconfig截图
这里按着网上的方法在include添加了"src/*.vue"也没用,求大佬给个解决办法( 直接 run dev 是可以看到a的内容的)

用
setup(){
   const a:number=1;
    return a
}
或者vue2的
data(){
  return{
      a: 1
  }
} 都会提示此问题...  还是说我少哪个vscode的插件

爱吃鹅肉饭

兄弟检查一哈，你是不是装得有其他格式验证的东西，或者是ts校验配置

abigmiu

volar 需要安装两个 ， 或者你用 create vue 新建一个项目， 看报错不。

hihpg

debug也这么提示吗

Alex.Merceryj

你是不是忘记ref了

d199212

变量都不是响应式的，要用ref创建才行

ronle

响应式变量就行了

feiyu361

需要使用响应式的ref啊

hybpjx

兄弟  用ref 才能创建

[JavaScript] 纯文本查看 复制代码

<template>
    <div>
        {{ a }}
    </div>

    <hr>
    <button @click="change">修改</button>
</template>
<script setup lang="ts">
import { ref } from 'vue';
import { Ref } from 'vue';

type M = {
    name: string
}
const a: Ref<M> = ref({ name: "123" })

const change = () => {
    a.value.name = "456"
    console.log(a)
}

</script>
<style scoped></style>

大雨大大

要加ref才行

[JavaScript] 纯文本查看 复制代码

<script setup lang="ts">
import { ref } from 'vue';
const a = ref<number>(1)
console.log('a->',a.value)
</script>