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; }
- 错误截图:

- 排查进展:已在PostCSS官方仓库提交工单,对方回复称问题可能源于PostCSS的Stylus解析器
内容的提问来源于stack exchange,提问作者Saurabh Singh
相关产品推荐
相关产品推荐

