网站 › 『编程语言讨论求助区』 › vue3+ts+vite问题求助!!!

十万菠萝拍黄瓜 发表于 2023-5-29 22:31

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

本帖最后由 Miami 于 2023-5-29 22:46 编辑

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

以及我的 package截图

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

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

爱吃鹅肉饭 发表于 2023-5-29 22:48

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

abigmiu 发表于 2023-5-29 23:21

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

hihpg 发表于 2023-5-30 07:15

debug也这么提示吗

Alex.Merceryj 发表于 2023-5-30 08:35

你是不是忘记ref了

d199212 发表于 2023-5-30 09:24

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

ronle 发表于 2023-5-30 09:36

响应式变量就行了

feiyu361 发表于 2023-5-30 09:46

需要使用响应式的ref啊

hybpjx 发表于 2023-5-30 10:04

兄弟用ref 才能创建
<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>

大雨大大 发表于 2023-5-30 11:13

要加ref才行

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

查看完整版本: vue3+ts+vite问题求助!!!