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版本:- 在项目
package.json的依赖配置中添加"color": "^3.2.1" - 删除
node_modules和依赖锁文件,重新安装依赖后启动项目即可
- 在项目
内容的提问来源于stack exchange,提问作者Thierry M
相关产品推荐
相关产品推荐

