Unknown word CssSyntaxError

strongyc commented 1 year ago

[ ] I'm sure this does not appear in the issue list of the repository

Basic Info

Package Name And Version: arco-design-pro-vue@2.7.1
Browser: chrome109.0.0.0

Extra info

D:\vue3Project\sso-arco-web\sso-arco-web\src\assets\style\breakpoint.less: When linting something other than CSS, you should install an appropriate syntax, e.g. "postcss-less", and use the "customSyntax" option
D:\vue3Project\sso-arco-web\sso-arco-web\src\assets\style\global.less: When linting something other than CSS, you should install an appropriate syntax, e.g. "postcss-less", and use the "customSyntax" option

src/assets/style/breakpoint.less 1:1 ✖ Unknown word CssSyntaxError

What is expected?

D:\vue3Project\sso-arco-web\sso-arco-web\src\assets\style\breakpoint.less: When linting something other than CSS, you should install an appropriate syntax, e.g. "postcss-less", and use the "customSyntax" option
D:\vue3Project\sso-arco-web\sso-arco-web\src\assets\style\global.less: When linting something other than CSS, you should install an appropriate syntax, e.g. "postcss-less", and use the "customSyntax" option

src/assets/style/breakpoint.less 1:1 ✖ Unknown word CssSyntaxError

sHow8e commented 1 year ago

@strongyc 如何复现呢？建议先重装依赖看看哈。

chenxi2015 commented 1 year ago

我也有这个错误怎么都提交不上去请问如何解决

wilhantian commented 1 year ago

@sHow8e 使用arco-cli创建默认项目，git commit 后就会报错

sHow8e commented 1 year ago

@wilhantian https://github.com/arco-design/arco-design-pro-vue/issues/235 参考一下这个？

wilhantian commented 1 year ago

@wilhantian #235 参考一下这个？

@sHow8e 尝试添加 postcss-less & stylelint-config-recommended-less，错误还在。是否还有其他办法？

chenzio commented 1 year ago

@wilhantian #235 参考一下这个？

@sHow8e 尝试添加 postcss-less & stylelint-config-recommended-less，错误还在。是否还有其他办法？

添加了postcss-less & stylelint-config-recommended-less，并在stylelint config中添加

module.exports = {
  customSyntax: 'postcss-html',
  extends: [
    'stylelint-config-standard',
    'stylelint-config-rational-order',
    'stylelint-config-prettier',
    'stylelint-config-recommended-vue',
    'stylelint-config-recommended-less',
  ],

之后遇到了另一个问题，

src/views/redirect/index.vue
 16:27  ✖  Unknown rule selector-anb-no-unmatchable  selector-anb-no-unmatchable

通过升级 "stylelint": "^15.3.0",解决

techless commented 1 year ago

最后配置成这样，我这没有peer 和stylelint 问题

.stylelintrc.js

customSyntax: 'postcss-html',
extends: [
  'stylelint-config-standard',
  'stylelint-config-rational-order',
  'stylelint-config-recommended-vue',
],

package.json

"devDependencies": {
    "stylelint": "^15.10.1",
    "stylelint-config-rational-order": "^0.1.2",
    "stylelint-config-recommended-vue": "^1.4.0",
    "stylelint-config-standard": "^34.0.0",
    "stylelint-order": "^6.0.3"
}

xiaoriri-cloud commented 1 year ago

.stylelintrc.js 加入下面这个就可以了，我最新版拉下来的也是这样 customSyntax: 'postcss-html',

arco-design / arco-design-pro-vue