使用VUE3 ＜script lang=“ts“ setup＞ 加上lang=“ts“或使用语法糖setup后编译报错

出现语法糖使用ts语法的错误,或

[@vue/compiler-sfc] compileTemplate now requires the `id` option.`

类似的这种情况是因为没有正确加载typescript

在一般创建vue3脚手架结构的时候,默认情况下是不加载typescript语法插件的

这个时候如果使用ts语法,或setup语法糖以及用element-plus会出现报错

这个时候要在项目目录下重新加载对应的ts插件

PS D:\data\code\stock\web\view> vue add typescript

一般的vue3默认脚手架安装完成后使用的入口是main.js

当使用typesrcipt工具转换完成时,会多出几个ts的设置文件,入口main.js也会改变为main.ts

 

正常使用js的vue3结构是不存在.ts后堆的文件的,导致使用ts语法会是检查器标红,转换后

此时使用lang="ts", setup,项目代码可正常运行和保存