You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Next.js搭配Tailwind运行时出现SyntaxError语法错误如何解决?

错误触发原因

该错误属于ES新语法兼容问题:
报错行中的0.039_28是ES2021标准推出的数字分隔符语法,用于提升长数字的可读性,Node.js 从v12.18.0版本才开始支持该语法。
触发问题的两个前置条件:

  • 你安装的Tailwind CSS v3+依赖了v4.0及以上版本的color工具包,该版本的color包源码使用了数字分隔符语法
  • 你当前运行项目的Node.js版本低于v12.18.0,无法识别该语法,编译时直接抛出语法错误
排查修复方案
  • 第一步:执行node -v命令查看当前Node.js版本,确认是否低于v12.18.0
  • 第二步:优先升级Node.js到长期支持版本(推荐v16、v18、v20 LTS),升级完成后删除项目的node_modules文件夹以及依赖锁文件(package-lock.json/yarn.lock/pnpm-lock.yaml),重新执行依赖安装命令后启动项目即可
  • 第三步:如果因项目其他依赖限制无法升级Node.js版本,可手动降级color包到兼容旧版Node的v3.x版本:
    1. 在项目package.json的依赖配置中添加"color": "^3.2.1"
    2. 删除node_modules和依赖锁文件,重新安装依赖后启动项目即可

内容的提问来源于stack exchange,提问作者Thierry M

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.05 13:57:04