sass-loader给出'at-rule is not allowed‘错误

Question

我将webpack@5.58.1和sass-loader@12.1.0与dart-sass一起使用。我的项目使用来自node_modules的scss-files。当我构建这个项目时，webpack给了我一堆错误，看起来像这样

SassError: This at-rule is not allowed here.
   ╷
64 │     @import "../../styles/_appwork/include";
   │     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

以下是我对sass文件的规则配置：

{
   test: /\.s[ac]ss$/i,
   use: [
     { loader: 'style-loader' },
       {
         loader: 'css-loader',
         options: {
            importLoaders: 1,
        },
      },
      { loader: 'resolve-url-loader' },
      {
        loader: 'sass-loader',
        options: {
           // Prefer `dart-sass`
          implementation: require.resolve('sass'),
          sassOptions: {
             indentWidth: 4,
          },
         },
      },          
   ],
},

我的假设是sass-loader完全合并了scss文件，之后它不能正确地导入依赖项。我尝试用{ loader: MiniCssExtractPlugin.loader },替换样式加载器，但这并没有真正改变什么。

Answer 1

我简单地用node-sass替换了sass (以前是dart-sass)就解决了这个问题，这个问题就解决了。