Vue.js项目中出现重复的“未知规则@apply css(unknownAtRules)”错误

wljmcqd8 于 2023-02-09 发布在 Vue.js

关注(0)|答案(4)|浏览(1362)

我正在使用Vue.js和Tailwind CSS处理一个项目，同一行代码出现两次此错误

Unknown at rule @apply css(unknownAtRules)

当使用以下样式时

<style scoped>
     #home {
       @apply bg-accent-gradient;
     }
</style>

我找到了一个解决方案，添加PostCSS Language Support Extensions和以下到我的vscode设置

"css.lint.unknownAtRules": "ignore"

我添加了它，但它只删除了一个错误，而不是两个。

vue.js

来源：https://stackoverflow.com/questions/71648391/duplicate-unknown-at-rule-apply-cssunknownatrules-errors-in-vue-js-project

4条答案

按热度按时间

nxagd54h1#

我有同样的情况，我去了vs代码设置，搜索Unknown At Rules并在那里选择ignore。

赞(0）回复(0）举报 2023-02-09

pwuypxnk2#

1-首次安装VS代码插件stylelint
2-然后禁用项目的CSS和SCSS验证。（ctrl+shift+p）并搜索“设置json”。

"scss.validate": false
"css.validate": false

3-在项目根目录stylelint.config.js中创建stylelint插件配置文件
4-将以下内容添加到其中，以便在规则apply, tailwind,etc处忽略：

module.exports = {
    rules: {
        'at-rule-no-unknown': [
            true,
            {
                ignoreAtRules: ['tailwind', 'apply', 'variants', 'responsive', 'screen']
            }
        ],
        'declaration-block-trailing-semicolon': null,
        'no-descending-specificity': null
    }
}

赞(0）回复(0）举报 2023-02-09

8iwquhpp3#

在按照其他答案建议开始调试问题之前，请确保在VScode中安装了csstools.postcss扩展。

赞(0）回复(0）举报 2023-02-09

yh2wf1be4#

添加lang=“scss”对我很有效：

<style lang="scss">
/* my css with @apply */
<style>

赞(0）回复(0）举报 2023-02-09

我来回答

Vue.js项目中出现重复的“未知规则@apply css(unknownAtRules)”错误

4条答案

相关问题

热门标签

最新问答