2017-05-26 82 views
0

无效的CSS SASS文件“......载入样式”:预计1个选择或规则,是‘VAR内容= requi’的的WebPack为编译后的错误

我需要的时候我用青菜使用webapck。 然后出现这个错误。 最后,我通过修改编译器修改了编译器。 这里是我的代码,我张贴,我有谁有同样的问题的朋友。

{ 
 
    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 
 
}

+0

上面的代码空间有点问题。请复制下面的代码。对不起 –

+0

你知道你可以编辑帖子,对吧? –

回答

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"] 
       } 
      }] 
     }] 
    } 
+0

谢谢。我正在解决这个问题 –