Vue3 + Vite + Ts 报错:Property ‘ ‘ does not exist on type ‘never‘

报错代码显示:

src/views/Classfy/index.vue:13:20 - error TS2339: Property 'name' does not exist on type 'never'.

13         <p>{{ item.name }}</p>
                      ~~~~

src/views/Classfy/index.vue:14:32 - error TS2339: Property 'icon' does not exist on type 'never'.

14         <img :src="getImg(item.icon)" alt="" v-onerror />
                                  ~~~~

src/views/Home/index.vue:18:20 - error TS2339: Property 'name' does not exist on type 'never'.

18         :key="item.name"
                      ~~~~

src/views/Classfy/index.vue:22:34 - error TS2339: Property 'tagId' does not exist on type 'never'.

22         @click="searchByTag(item.tagId)"
                                    ~~~~~

src/views/Home/index.vue:19:32 - error TS2339: Property 'tagId' does not exist on type 'never'.

19         @click="toClassFy(item.tagId)"
                                  ~~~~~

src/views/Home/index.vue:21:32 - error TS2339: Property 'icon' does not exist on type 'never'.

21         <img :src="getImg(item.icon)" alt="" />
                                  ~~~~

src/views/Classfy/index.vue:25:20 - error TS2339: Property 'name' does not exist on type 'never'.

25         <p>{{ item.name }}</p>
                      ~~~~

src/views/Home/index.vue:22:41 - error TS2339: Property 'name' does not exist on type 'never'.

22         <p class="classfy_name">{{ item.name.slice(0, 1) }}</p>
                                           ~~~~

src/views/Home/index.vue:30:20 - error TS2339: Property 'name' does not exist on type 'never'.

30         :key="item.name + 'ss'"
                      ~~~~

src/views/Home/index.vue:32:25 - error TS2339: Property 'cover' does not exist on type 'never'.

32         <img :src="item.cover" alt="" v-onerror />

出现情景:本地开发

修改方法:

所有使用到属性的地方都使用  a['b'] 的形式代替 a.b 来显示数据:

    <div class="left">
      <div
        :class="['classfy_item flex', index == active ? 'active' : '']"
        v-for="(item, index) in list"
        :key="item['tagId']"
        @click="
          active = index;
          children = item['children'];
        "
      >
        <p>{{ item["name"] }}</p>
        <img :src="getImg(item['icon'])" alt="" v-onerror />
      </div>
    </div>

出现情景:打包

​​​​​​​将 package.json 文件中的  "build": "vue-tsc --noEmit && vite build", 

改为 :   "build": "vite build",

然后重新打包就行 

  • 12
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值