css - SassError : @use rules must be written before any other rules. Angular

Question

错误内容:

Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
HookWebpackError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):

Answer 1

您必须将任何 @use 代码行置于其他代码之上。

例如下面的代码抛出错误:

.button {
  @include corners.rounded;
  padding: 5px + corners.$radius;
}

@use "src/corners";

但是这段代码可以正常工作:

@use "src/corners";

.button {
  @include corners.rounded;
  padding: 5px + corners.$radius;
}

请记住，即使您不使用文件中的任何内容，中间行中的 @use 也会引发错误。