前端开发中Vue3+Typescript使用装饰器出现错误一则

今天开发公司项目时，使用TS装饰器遇到一个问题。
当我写完装饰器代码后进入网页，控制台提示

SyntaxError: Invalid or unexpected token

两个小时后的排查后发现是 tsconfig.json 的配置问题。
如果 tsconfig.json 文件中没有指定 target 选项，TypeScript 编译器会默认使用 es5 作为目标。
修改 tsconfig.json 中 compilerOptions 中的 target 的值为 “ES6”，问题解决。

再次排查反复控制变量作对比发现问题并不出在 compilerOptions 的 target 选项上
问题出现在 tsconfig.app.json 的 compilerOptions 缺少以下两个选项

{
	//...
	"compilerOptions": {
		// ...
		"experimentalDecorators": true,
		"emitDecoratorMetadata": true
	}
}

补充上这两个选项后，页面恢复正常。