오류,

Question

이 제 기능 모듈의 NgModule입니다 .scss 파일에 대한 것입니다. styleUrls 배열을 사용하여 선언하고 있는데, 구성 요소를 제거하면이 오류가 발생합니다.

/~/css-loader?sourceMap!./~/postcss-loader!./~/sass-loader!./~/raw-loader!./~/postcss-loader!./~/sass-loader!./src/myModules/custom-card-fmodule/custom-card.component.scss 
Module build failed: 
$cardWidth: 220px; 
      ^
     Invalid CSS after "module.exports": expected "{", was '= ".panel-default >' 
     in /Users/MyName/Development/Angular2/signup-app/src/myModules/custom-card-fmodule/custom-card.component.scss (line 1, column 15) 
Error: 
$cardWidth: 220px; 
      ^
     Invalid CSS after "module.exports": expected "{", was '= ".panel-default >' 
     in /Users/MyName/Development/Angular2/signup-app/src/myModules/custom-card-fmodule/custom-card.component.scss (line 1, column 15) 
    at options.error (/Users/MyName/Development/Angular2/signup-app/node_modules/node-sass/lib/index.js:292:26) 
@ ./src/myModules/custom-card-fmodule/custom-card.component.scss 4:14-339 

하지만 .scss 파일에는 오류가 없으며 내 맞춤 모듈에만 해당되며 다른 모든 구성 요소 (기능 모듈이 아님)에 대해 완벽하게 작동합니다.

Answer 1

이 중에서 sass-loader가 필요합니다 링크 : https://github.com/AngularClass/angular2-webpack-starter/wiki/How-to-include-SCSS-in-components

 Command line inside project folder where your existing package.json is: 
      npm install node-sass sass-loader raw-loader --save-dev 

    In webpack.common.js, search for "rules:" and add this object to the end of the rules array (don't forget to add a comma to the end of the previous object): 


    { 
     test: /\.scss$/, 
     exclude: /node_modules/, 
     loaders: ['raw-loader', 'sass-loader'] // sass-loader not scss-loader 
    }