TFS构建React项目执行npm run build失败问题求助

错误根因 #

从你的构建日志可以明确看到，构建流程实际调用的Node版本为v8.9.4，和你了解的TFS服务器标注的14.18版本不一致。
报错的SyntaxError: Unexpected token {出现在fs-extra依赖包的} catch {代码行，这种无参数catch语法是ES2019新增的特性，Node 8.9.4版本不支持该语法，因此代码解析直接失败。
你本地Node版本为11.15，已兼容该语法特性，所以本地构建可以正常运行。你复制的第一个项目构建配置可用，大概率是第一个项目依赖的fs-extra版本更低，未使用该新语法。

排查与解决方案 #

所有操作都可以直接在TFS网页端的构建定义配置页完成：

• 先验证实际运行的Node版本：在npm构建步骤前新增一个命令行任务，执行node -v和where node，确认构建代理上的Node版本安装情况、以及构建进程的PATH变量优先级，确认是不是高版本Node的路径未被优先加载，导致默认调用了旧的8.9.4版本。
• 强制指定构建使用的Node版本：在构建流程最开头添加「Node.js工具安装器」任务，指定需要使用的Node版本为14.x，该任务会自动将对应版本的Node路径调整到PATH最优先级，后续所有npm、node命令都会使用你指定的版本执行。
• 临时兜底兼容方案：如果暂时无法调整构建节点的Node版本，可以在项目的package.json中锁定fs-extra的版本为9.x，该版本是fs-extra最后一个兼容Node 8的版本，本地测试构建正常后提交代码，再触发TFS构建即可。
• 额外校验项：建议在package.json的engines字段中声明项目支持的Node版本范围，避免后续依赖自动升级到不兼容的版本。

内容的提问来源于stack exchange，提问作者Nigel Ellis