javascript - Angular 4中的样式.scss的Webpack sass加载错误

Question

我正在尝试通过平台服务器渲染将 postcss-loader 添加到 Angular 4，我一直收到如下错误，基本上我想要做的是将 style.scss 作为全局 scss 添加到我的 webpack 进程中，类似于它在cli中的工作方式...

 ERROR in ./~/css-loader?{"sourceMap":false,"importLoaders":1}!./~/postcss-loader/lib?{}!./~/sass-loader/lib/loader.js!./src/styles.scss
        Module build failed: Error: No PostCSS Config found in: /Users/alireza.dezfoolian/Desktop/Angular 4/web-app/src
            at /Users/alireza.dezfoolian/Desktop/Angular 4/web-app/node_modules/postcss-load-config/index.js:51:26

Answer 1

我认为您需要将 node-sass 添加到您的项目中。要安装 node-sass，您需要全局安装 node-gyp。检查 node-gyp 的此安装部分。

Answer 2

我也遇到了这个问题，是因为 node-sass 包。所以，有必要重建你的 node-sass 包。

运行 cmd:npm rebuild node-sass以确保它已准备就绪。

请参阅我的 ubuntu 终端的以下片段：

asus@asus:~/Documents/demo$ npm rebuild node-sass                            

> node-sass@4.5.3 install /home/asus/Documents/demo/node_modules/node-sass   
> node scripts/install.js                                                    

Cached binary found at /home/asus/.npm/node-sass/4.5.3/linux-x64-48_binding.n
ode                                                                          

> node-sass@4.5.3 postinstall /home/asus/Documents/demo/node_modules/node-sas
s                                                                            
> node scripts/build.js                                                      

Binary found at /home/asus/Documents/demo/node_modules/node-sass/vendor/linux
-x64-48/binding.node                                                         
Testing binary                                                               
Binary is fine                                                               
node-sass@4.5.3 /home/asus/Documents/demo/node_modules/node-sass 

我的问题得到解决！！！

Answer 3

只需使用 sass-loader。

{
    test: /\.scss$/,
    use: ['to-string-loader', 'css-loader', 'sass-loader']
}