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

React项目引入react-datepicker CSS报CssSyntaxError,疑与Stylus解析器有关

React项目引入react-datepicker CSS时出现CssSyntaxError: Unclosed bracket错误
  • 项目使用工具及版本:PostCSS 8.4.21、Stylus 0.59.0、Stylelint 15.2.0
  • 问题表现:引入react-datepicker的CSS文件时触发CssSyntaxError: Unclosed bracket编译错误;注释掉包含多参数:not()选择器的CSS代码段后,项目可正常编译
  • 经定位,引发错误的CSS代码(语法本身合法)如下:
range:not(.react-datepicker_day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker_month--selecting-range .react-datepickermonth-text--in-range:not(.react-datepicker_day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker_month--selecting-range .react-datepickeryear-text--in-range:not(.react-datepickerday--in-selecting-range,.react-datepickermonth-text--in-selecting-range,.react-datepickerquarter-text--in-selecting-range,.react-datepicker_year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
  • 错误截图:
    css syntaxerror
  • 排查进展:已在PostCSS官方仓库提交工单,对方回复称问题可能源于PostCSS的Stylus解析器

内容的提问来源于stack exchange,提问作者Saurabh Singh

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.29 07:12:55