Angular 4中的样式.scss的Webpack sass加载错误答案

【问题标题】：Webpack sass loading Error with style.scss in Angular 4Angular 4中的样式.scss的Webpack sass加载错误
【发布时间】：2017-10-16 11:37:37
【问题描述】：

我正在尝试通过平台服务器渲染将 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

【问题讨论】：

标签： javascript angular webpack sass platform-server

【解决方案1】：

只需使用 sass-loader。

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

【讨论】：

我这样做了，但仍然收到此错误

【解决方案2】：

我认为您需要将 node-sass 添加到您的项目中。要安装 node-sass，您需要全局安装 node-gyp。 Check this installation part for node-gyp.

【讨论】：

【解决方案3】：

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

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

请看下面我的 ubuntu 终端的 sn-p：

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

我的问题得到解决了！！！

【讨论】：