Build errors after updating to 3.1.6

[kubajmarek]

Vue - Official extension or vue-tsc version

3.1.6

VSCode version

Not used

Vue version

3.5.25

TypeScript version

5.8.3

System Info

System:
    OS: Linux 6.12 EndeavourOS
    CPU: (12) x64 AMD Ryzen 5 5600X 6-Core Processor
    Memory: 11.93 GB / 31.25 GB
    Container: Yes
    Shell: 5.3.3 - /bin/bash
  Binaries:
    Node: 22.17.0 - /home/kubajmarek/.nvm/versions/node/v22.17.0/bin/node
    npm: 10.9.2 - /home/kubajmarek/.nvm/versions/node/v22.17.0/bin/npm
    bun: 1.3.3 - /home/kubajmarek/.bun/bin/bun
  Browsers:
    Chromium: 142.0.7444.175
    Firefox: 145.0.2
    Firefox Developer Edition: 145.0.2

package.json dependencies

Steps to reproduce

Run vue-tsc --build

What is expected?

Clean build without errors, as in v3.1.5

What is actually happening?

3 errors are produced:

One:

TypeError: Cannot read properties of undefined (reading 'length')
    at walkObjectLiteral (/home/kubajmarek/Documents/code/PROJECT/node_modules/@vue/language-core/lib/codegen/template/element.js:307:138)
    at walkObjectLiteral.next (<anonymous>)
    at generateStyleScopedClassReferences (/home/kubajmarek/Documents/code/PROJECTm/node_modules/@vue/language-core/lib/codegen/template/element.js:281:28)
    at generateStyleScopedClassReferences.next (<anonymous>)
    at generateComponent (/home/kubajmarek/Documents/code/PROJECT/node_modules/@vue/language-core/lib/codegen/template/element.js:190:12)
    at generateComponent.next (<anonymous>)
    at generateTemplateChild (/home/kubajmarek/Documents/code/PROJECT/node_modules/@vue/language-core/lib/codegen/template/templateChild.js:48:56)
    at generateTemplateChild.next (<anonymous>)
    at generateElement (/home/kubajmarek/Documents/code/PROJECT/node_modules/@vue/language-core/lib/codegen/template/element.js:237:58)
    at generateElement.next (<anonymous>)

Two:

TypeError: Cannot read properties of undefined (reading 'length')
    at walkObjectLiteral (/home/kubajmarek/Documents/code/PROJECT/node_modules/@vue/language-core/lib/codegen/template/element.js:307:138)
    at walkObjectLiteral.next (<anonymous>)
    at generateStyleScopedClassReferences (/home/kubajmarek/Documents/code/PROJECT/node_modules/@vue/language-core/lib/codegen/template/element.js:281:28)
    at generateStyleScopedClassReferences.next (<anonymous>)
    at generateElement (/home/kubajmarek/Documents/code/PROJECT/node_modules/@vue/language-core/lib/codegen/template/element.js:233:12)
    at generateElement.next (<anonymous>)
    at generateTemplateChild (/home/kubajmarek/Documents/code/PROJECT/node_modules/@vue/language-core/lib/codegen/template/templateChild.js:44:54)
    at generateTemplateChild.next (<anonymous>)
    at generateVFor (/home/kubajmarek/Documents/code/PROJECT/node_modules/@vue/language-core/lib/codegen/template/vFor.js:57:58)
    at generateVFor.next (<anonymous>)

Three:

src/components/landing/HeroContent.vue:22:29 - error TS2306: File '/home/kubajmarek/Documents/code/PROJECT/src/components/landing/HeroSection.vue' is not a module.

22 import type { Banner } from "@/components/landing/HeroSection.vue";

Link to minimal reproduction

No response

Any additional comments?

I removed import causing error no. 3 but that didn't influence first 2.

Downgrading package resolves all 3.

[ntnyq]

Got this when doing typecheck:

src/layout/components/Setting/index.vue:9:8 - error TS1192: Module '"/layout/components/Panel/index.vue"' has no default export.

9 import Panel from '../Panel/index.vue'
         ~~~~~~~~

It's just normal Vue SFC file, and it works fine before bumping to 3.1.6.

Workaround: downgrade vue-tsc to 3.1.5 and pin it in package.json.

[johnsoncodehk]

Please provide a minimal reproduction.

[zkz098]

Please provide a minimal reproduction.

This is the minimal Vue file that can be used to reproduce the issue:

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

const active = ref(false)
</script>

<template>
  <div :class="{ foo: active }" />
</template>

<style scoped>
.foo {
  color: red;
}
</style>

When running bun run vue-tsc --noEmit __tmp.vue, it shows the same error as in the Issue:

TypeError: Cannot read properties of undefined (reading 'length')
    at walkObjectLiteral (E:\shokax-components-lib\node_modules\.bun\@vue+language-core@3.1.6+1fb4c65d43e298b9\node_modules\@vue\language-core\lib\codegen\template\element.js:308:138)
    at walkObjectLiteral.next (<anonymous>)
    at generateStyleScopedClassReferences (E:\shokax-components-lib\node_modules\.bun\@vue+language-core@3.1.6+1fb4c65d43e298b9\node_modules\@vue\language-core\lib\codegen\template\element.js:281:28)
    at generateStyleScopedClassReferences.next (<anonymous>)
    at generateElement (E:\shokax-components-lib\node_modules\.bun\@vue+language-core@3.1.6+1fb4c65d43e298b9\node_modules\@vue\language-core\lib\codegen\template\element.js:233:12)
    at generateElement.next (<anonymous>)
    at generateTemplateChild (E:\shokax-components-lib\node_modules\.bun\@vue+language-core@3.1.6+1fb4c65d43e298b9\node_modules\@vue\language-core\lib\codegen\template\templateChild.js:44:54)
    at generateTemplateChild.next (<anonymous>)
    at generateTemplateChild (E:\shokax-components-lib\node_modules\.bun\@vue+language-core@3.1.6+1fb4c65d43e298b9\node_modules\@vue\language-core\lib\codegen\template\templateChild.js:28:20)

However, if the Vue file is modified as follows:

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

const active = ref(false)
</script>

<template>
  <div :class="active ? 'foo' : ''" />
</template>

<style scoped>
.foo {
  color: red;
}
</style>

the issue disappears.

[rowanfuchs]

I've got the same issue occurring when I use dynamic class binding I guess. The following files fail to build:

https://github.com/lingarr-translate/lingarr/blob/main/Lingarr.Client/src/components/common/PaginationComponent.vue
https://github.com/lingarr-translate/lingarr/blob/main/Lingarr.Client/src/components/common/CheckboxComponent.vue
https://github.com/lingarr-translate/lingarr/blob/main/Lingarr.Client/src/components/features/settings/DirectoryModal.vue