Unable to load compiled scss(css)

[nmanumr]

I added every thing from components folder directly to my project, compiled scss into css and changed following:

styles: [ require('./expansion-panel.style.scss').toString() ],
template: require('./expansion-panel.template.html')

to

styles: ['./expansion-panel.style.css'],
templateUrl: './expansion-panel.template.html'

but all the styles gone.

now my template is this

<expansion-panels-container>
              <expansion-panel>
                <expansion-panel-title>
                  Title
                </expansion-panel-title>
                <expansion-panel-content>
                  <md-list>
                    <md-list-item> Pepper </md-list-item>
                    <md-list-item> Salt </md-list-item>
                    <md-list-item> Paprika </md-list-item>
                  </md-list>
                </expansion-panel-content>
              </expansion-panel>

              <expansion-panel>
                <expansion-panel-title>
                  Title
                </expansion-panel-title>
                <expansion-panel-content>
                  Content
                </expansion-panel-content>
              </expansion-panel>
              <expansion-panel>
                <expansion-panel-title>
                  Title
                </expansion-panel-title>

                <expansion-panel-content>
                  Content
                </expansion-panel-content>
              </expansion-panel>
            </expansion-panels-container>

and output is like this

[Gbuomprisco]

Hi @naumanumer,

any console errors? sorry the angular version in this project is very outdated, it's very likely it won't work

[nmanumr]

No console error. any other solution. Actually I also tried to clone it but I was unable to install node_modules.

[nmanumr]

I just putted all the styles to main style.css file and now every thing is fine. thanks