Question

“加载样式”后的无效CSS：预期的1个选择器或at-rule，是“var content = requi”

当我使用webapck时，我需要使用sass。然后出现了这个错误。最后，我通过修改编译器修改了编译器。这是我的代码，我发布了，我的朋友有同样的问题。

{
  test: / \.scss $/,
  include: / node_modules /, / / emphasis is on this line of code problem solving
  loaders: [" style - loader ", "css-loader", "sass-loader"] / / webpack2 needs to be added in the back - loader
}

Answer 1

您不应该使用webpack来构建第三方scss文件。它们应该已经被转换为css并且可供您用作导入。可能是问题的原因。此外，如果您使用的是webpack 2，那么您的规则结构错误。来自webpack 2文档https://webpack.js.org/loaders/sass-loader/#components/sidebar/sidebar.jsx：

module: {
        rules: [{
            test: /\.scss$/,
            use: [{
                loader: "style-loader"
            }, {
                loader: "css-loader"
            }, {
                loader: "sass-loader",
                options: {
                    includePaths: ["absolute/path/a", "absolute/path/b"]
                }
            }]
        }]
    }

webpack编译sass文件以查找错误

1 个答案: