Question

我正在尝试使用平台服务器渲染向Angular 4添加postcss-loader，我不断收到如下错误，基本上我要做的是将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

只需使用sass-loader。

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

Answer 2

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

Answer 3

我也遇到了这个问题，因为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

我的问题得到解决!!!

Webpack sass加载错误与Angular 4中的style.scss

3 个答案: