今天开发公司项目时,使用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
}
}
补充上这两个选项后,页面恢复正常。
标签:选项,Typescript,target,前端开发,装饰,json,Vue3,compilerOptions,tsconfig From: https://www.cnblogs.com/seal-sill/p/18108689