在使用Arco Pro遇到的问题:Unknown word CssSyntaxError。
在编写系统代码的时候没发现,提交代码时,自动触发了代码规范检查的钩子,造成代码一直无法提交,把解决办法记录一下。
Unknown word CssSyntaxError
可能还会出现这样的描述信息:
When linting something other than CSS, you should install an appropriate syntax, e.g. "postcss-html", and use the "customSyntax" option
然后就找到了stylelint的官网https://stylelint.io/migration-guide/to-14/,这个页面列出了使用各种语言的语法配置。
为每种语言提供了其他共享配置:
- stylelint-config-recommended-vue ... Shared config for Vue.
- stylelint-config-html ... Shared config that enables parsing for HTML, XML, Vue, Svelte, and PHP.
选择第一个针对vue的配置,进入到https://www.npmjs.com/package/stylelint-config-recommended-vue插件页面。
但是先不要安装,往下看:
但是,某些文体规则可能不适用于 Vue。我们建议您改为安装 stylelint-config-standard-vue。
所以直接安装stylelint-config-standard-vue即可。
npm install --save-dev postcss-html stylelint-config-standard-vue
修改配置文件:stylelint,可能是js、json后缀的文件。
"extends": "stylelint-config-standard-vue"
"customSyntax": "postcss-html",
到这里就解决了上面的问题。
另外,对于其他语言和嵌入式样式,我们建议使用以下 PostCSS 语法:
- Less language (
.less
) use postcss-less - Sass language (
.sass
) use postcss-sass - CSS-in-JS embeds (
.js
,.jsx
,.ts
etc.) use @stylelint/postcss-css-in-js - HTML, XML and HTML-like embeds (
.html
,.xml
,.svelte
,.vue
etc.) use postcss-html - Markdown embeds (
.md
,.markdown
etc.) use postcss-markdown
PS:提交的时候又遇到的问题😭。
subject may not be empty [subject-empty]
type may not be empty [type-empty]
也是提交的时候设置的钩子,出现这个问题的原因是,提交的commit message不规范。😵💫
参考 commitlint即可解决。
PSPS:出现问题最好先去官网找解决办法,不然胡乱google一通,浪费时间不说,可能还解决不了问题。