Typescript errors for elements in v-for loop

[kachidk]

After the update to Volar v1.63, elements of iterable objects with explicit type any in v-for loops are inferred as type unknown

[rchl]

Think that's probably correct because you have optional chaining there so that means that it considers the iterated over type being undefined | any[] and that would likely result in unknown or never.

[pjninnim]

Seeing the same problem too after the update when optional chaining is not being used so it is not linked to that. The same problem was present in v1.6.2, everything was ok in v1.6.1.

[rchl]

It might help the author to fix it if you provide specific example. Ideally a repo.

[pjninnim]

The below shows a simple repo:

[Jahtila]

Having the same problem, quite easy to replicate it:

<template>
  <div v-for="item of testArray" :key="item.id">
    {{ item.name }}
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  setup() {
    const testArray: any = [
      {id: 'one', name: 'Test One'},
      {id: 'two', name: 'Test Two'}
    ]
    return {
      testArray
    }
  }
})
</script>

Previously (on versions < 1.6.2) item was 'any' type as well and not 'unknown' and had no error.
(Forcing the testArray to be 'any' type here is just to replicate this problem, I'm aware that it should be properly typescripted.)

[mzuccaroli]

same problem here, I have updated vue-tsc to latest version but the problem persists

[so1ve]

@mzuccaroli Would you mind opening a new issue with minimal reproduction?

[mzuccaroli]

@mzuccaroli Would you mind opening a new issue with minimal reproduction?

yes as soon as possible (I had some personal issues sory)
meanwhile the quick & dirty solution I found is downgrading vue-tsc to 1.6.0