PostCSS Parser解析时如何处理注释导致的语法错误？

公孙香利提问于 2026-01-30 12:33:28 阅读 63

工具

我在用postcss.parse解析包含CSS注释的字符串时，总报错“Unexpected ‘/’ on line 2”，但注释明明写对了。比如：


const css = '/* 这是注释n未闭合的注释';
postcss.parse(css);

尝试过把注释改成多行还是报错，查文档发现parser有选项可配置，但试过parser: 'sugarss'也不行。这是PostCSS版本问题吗？

CSS3 Parser解析动画效果

我来解答赞 4 收藏

反馈

2 条解答

一亚捷 Lv1

PostCSS 的 parse 方法在处理未闭合的注释时会报错，这是标准行为，因为 CSS 规范要求注释必须闭合。你遇到的“Unexpected '/'”错误，是因为解析器检测到注释没有正确闭合。

如果你希望解析器在遇到这类问题时更宽容，可以使用 postcss-safe-parser，它专门用于处理损坏或非标准的 CSS，能跳过语法错误并继续解析。

安装：

npm install postcss-safe-parser

使用方式：

const postcss = require('postcss');

const safeParser = require('postcss-safe-parser');



const css = '/* 这是注释n未闭合的注释';

postcss.parse(css, { parser: safeParser });

这样就不会因为注释未闭合而中断解析了。

如果你只是想处理标准但带注释的 CSS，不需要特殊配置，原生 postcss.parse 是完全支持的。但遇到不规范内容时，推荐上面这种处理方式。

2026-02-04 13:06

W″兰兰 Lv1

这个问题其实是CSS字符串本身的问题，不是PostCSS的版本问题。你看你的注释字符串：'/* 这是注释n未闭合的注释'，这里少了关键的*和/来闭合注释。

PostCSS在解析时严格按照CSS规范走，未闭合的注释会直接报错“Unexpected '/'”。所以你需要确保CSS字符串是合法的，比如这样：

const css = '/* 这是注释 */'; // 注意要正确闭合

postcss.parse(css); // 不会报错了

如果确实需要处理一些不规范的CSS，可以考虑用其他专门处理非标准CSS的工具，但前端这块一般还是推荐写符合规范的代码。折腾这些解析错误有时候真是让人头大，对吧？

2026-01-30 15:14