sass-loader给出'at-rule is not allowed‘错误
sass-loader 是一个用于将 Sass 文件编译为 CSS 文件的 Webpack 加载器。它是一个前端开发中常用的工具，用于处理样式表的预处理器 Sass。
当在使用 sass-loader 进行编译时，如果出现 'at-rule is not allowed' 的错误，通常是因为样式表中使用了不支持的 at-rule（@规则）导致的。
在 Sass 中，at-rule 是以 @ 符号开头的指令，例如 @import、@media、@keyframes 等。这些指令在 Sass 编译过程中起到了各种功能和作用。
出现 'at-rule is not allowed' 错误的原因可能是：
- 版本问题：sass-loader 对于某些 at-rule 的支持可能存在版本限制。您可以检查 sass-loader 的文档或者版本更新说明，查看是否存在对应的版本限制。
- 语法错误：在样式表中可能存在语法错误，导致 sass-loader 无法正确解析 at-rule。您可以检查样式表中的代码，确保所有的 at-rule 语法正确且符合 Sass 的规范。
解决该错误的方法有：
- 检查版本：确保您使用的 sass-loader 版本与您使用的 Sass 语法兼容。您可以尝试升级或降级 sass-loader 版本，以解决兼容性问题。
- 修复语法错误：通过仔细检查样式表中的代码，查找并修复可能存在的语法错误。您可以使用 Sass 的在线解析工具或 IDE 的 Sass 插件来帮助您检查语法问题。
在腾讯云相关产品中，腾讯云提供了云开发（CloudBase）服务，可以帮助开发者轻松构建 Web 应用程序、移动应用程序和小程序。云开发支持前后端一体化开发，可通过云函数和云数据库实现后端的开发和部署。您可以通过腾讯云开发的文档了解更多相关信息：腾讯云开发（CloudBase）。
同时，腾讯云也提供了对象存储服务（COS），用于存储和管理大规模的非结构化数据，您可以通过腾讯云对象存储的文档了解更多相关信息：腾讯云对象存储（COS）。
以上是关于 sass-loader 'at-rule is not allowed' 错误的解释和解决方法，以及腾讯云相关产品的介绍。希望能对您有帮助！
相关·内容
当我构建这个项目时，webpack给了我一堆错误，看起来像这样 SassError: This at-rule is not allowed here.importLoaders: 1, }, { indentWidth: 4,
浏览 273提问于2021-10-13得票数 0
回答已采纳
/\.scss$/i, 'style-loader', { `, },}, 我收到以下错误- SassError: Inval
浏览 12提问于2020-03-30得票数 0
1回答
但是，当我尝试实现sass-loader时，会收到以下错误：
[1] (webpack)-dev-server/client?/~/sass-loader!./~/sas
浏览 0提问于2016-10-07得票数 0
我也尝试过sass-loader的prependData。我必须使用Laravel 5.7、Laravel Mix 4.1.2和webpack 4.27.1 错误："...load the style“后的CSS无效:应为1个选择器或at-rule，为"var'style-loader', {
loader: 'sass-loader
浏览 66提问于2019-10-01得票数 1
/theme1.scss";
} 我得到的错误是： 'This at-rule is not allowed here.' 这可以做到吗？如果是这样的话，是怎么做的？
浏览 56提问于2021-08-30得票数 0
回答已采纳
1回答
我正在将一个列表传递给一个SASS混入，它工作正常(在浏览器或控制台中没有错误)，但是我的编辑器(VS Code)说有错误。['', 1], ], var(--space-xxl)] expectedat-rule or selector expec
浏览 13提问于2020-10-15得票数 0
回答已采纳
1回答
} { }, loader: 'sass-loader)我的scss文件的内容：{ background-color: red;我运行webpack得到的错误是/node_modules/sass-loader/dist&
浏览 3提问于2020-03-10得票数 0
回答已采纳
我正在使用下面的CSS代码来定制字体，它基于Paul爱尔兰的防弹@ font -face语法： font-family: 'TradeGothic'; src: local('☺'), url('tradegothiclt.ttf') format('truetype
浏览 2提问于2013-01-03得票数 0
回答已采纳
options: { }, { // Apply the YAML importer via sass-loader's options.importer: 'node-sass-yaml-importer' },
]
浏览 22提问于2020-09-22得票数 0
回答已采纳
into CommonJS // Compiles Sass to CSS}<style lang="sass" scoped> background-color: red所以当我试图编译时，我会得到这个错误：
SassError: Inv
浏览 7提问于2020-07-03得票数 3
回答已采纳
我的别名是通过直接在组件上导入来确认工作的，但是当我尝试使用vue-style-loader在每个vue样式标签上包含它时，它在我的终端中给了我一个大错误。 in /Users/jscotto/app/app.app.com/node_modules/sass-loader
浏览 0提问于2019-12-06得票数 1
当我重新启动webpack-dev服务器时，编译失败，错误如下：
ERROR in ./node_modules/css-loader??ref--2-2!./node_modules/sass-loader/lib/loader.js??ref--2-4!./node_modules/to-string-loader/src/to-string.js!./node_modules/sass-loader/lib
浏览 0提问于2018-05-16得票数 2
回答已采纳
2回答
现在，当我尝试将规则添加到我的webpack.mix.js文件夹时，我的所有.scss文件总是出现以下错误Module bu
浏览 0提问于2018-07-24得票数 0
Angular版本: 12 npm : 6.13.1节点:12.14.1/node_modules/sass-loader/dist/cjs.js):[1] on line 8 of src/mv-app-them
浏览 0提问于2021-05-20得票数 2
height: $height;_variables.scss文件即使我移动img { height: $height; }，我仍然会遇到一个错误在此屏幕截图中看到的错误： 原始错误：
ERROR in ./~/css-loader?{"minimize":false,"sourceMap":false}!./~/sass-loader/lib/
浏览 1提问于2018-05-10得票数 1
回答已采纳
我最后犯了错误
ERROR in ./node_modules/css-loader??ref--2-2!./node_modules/postcss-loader/lib??ref--2-3!./node_modules/sass-loader/lib/loader.js??ref--2-4!./node_modules/to-string-loader/src/to-string.js!./node_modules&
浏览 1提问于2018-02-11得票数 2
2回答
width: 100% margin-bottom: 16px .Field Invalid CSS after " .Field {} }": expecte
浏览 0提问于2019-07-29得票数 0
我已经添加了他们试图做的事情，但不幸的是什么都没有发生，我总是得到这个错误Invalid CSS after "": expected 1 selector or at-rule, was "var content" loader: "css-loader" loader: "resolve-url-loader" loader: "sass-loader我的sass
浏览 14提问于2019-03-31得票数 2
回答已采纳
我正在尝试使用blueprintjs，所以我在教程中使用下面这行代码：@import "~@blueprintjs/core";Module build failed: ^
Inv
浏览 0提问于2017-07-23得票数 3
babel-loader", { loader: "sass-loadermaterial-components-web';当我运行webpack时，它抛出以下错误我甚至尝试过require(
浏览 3提问于2017-05-02得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
