编译Figma插件项目时遇TypeScript错误：Unexpected token

云原生阿岚

2026-8-3

解决Figma插件项目编译时的TypeScript Unexpected Token错误

可能的原因及修复步骤

检查TypeScript版本兼容性
项目依赖的TypeScript版本可能与当前环境版本不匹配。打开项目根目录的package.json，查看devDependencies里的typescript版本号，执行以下命令安装对应版本：
```
npm install typescript@指定版本 --save-dev
```
确认tsconfig.json配置正确
确保tsconfig.json中的target设置为兼容Figma插件的版本（比如es6或更高），同时检查module字段是否为commonjs或esnext，避免语法不支持：
```
{
  "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  }
}
```
清理缓存后重新编译
缓存文件可能导致编译异常，执行以下命令清理缓存并重新构建：
```
rm -rf node_modules/.cache
npm run build
```
检查项目依赖是否完整
重新安装所有依赖，避免缺失或损坏的包影响编译：
```
rm -rf node_modules package-lock.json
npm install
```
排查代码中的语法问题
检查项目中是否使用了TypeScript不支持的语法特性，比如未转译的JSX或新ES特性，确保代码符合当前TypeScript配置的语法规范。