Cannot use the angle bracket syntax <> to assert a type

[John60676]

Before version 0.39.5 it works.

When I updated to version 0.40.x it didn't work

[linfei721]

我也遇到这个问题了，导致页面所有代码报错

[ghost]

我也遇到这个问题了+1

[LuckingCat]

+1, 看了一天, 才发现是插件的问题

[Soviut]

Installing any version before prior to 0.40.0 fixed the problem for me.

On the "Uninstall" button, click the dropdown arrow and choose "Install another version". Then choose 0.39.5

[xiaoxiangmoe]

You can temporarily use as to do type assertion

const datas = reactive({
  roles: [] as Array<string>,
  entities: [] as Array<any>,
});

---

related eslint config: consistent-type-assertions with assertionStyle: "as".

---

This error occurs because the latest volar has changed the generation logic of virtual files in order to solve someother problems:

#823
#891
#462
#1321

So, the current phenomenon is that volar only allow syntax in tsx in .vue file.

[qgates]

You can temporarily use as to do type assertion

@xiaoxiangmoe fine as a temporary workaround but not really a solution for large codebases. We shouldn't need a huge refactor to make perfectly valid code compatible with volar. Staying with 0.39.5 for now, is a fix coming?

[Soviut]

@qgates The issue is known and you'll see a related PR here when there's a fix. This project is maintained by a single developer so consider sponsoring them so they can dedicate more time to this project.