search

DevWurm / angular-electron-seed

Seed project for an Angular - Electron Desktop app with the Angular-CLI
28 stars 21 forks source link

Switching app.component.css to scss file breaks webpack build #13

Closed JeromeJoestar closed 7 years ago

JeromeJoestar commented 7 years ago

When changing the app.component.css file to a sass file I run into the following error:

ERROR in ./src/app/app.component.scss
Module parse failed: /Users/mparker/Projects/Client Projects/wanu-desktop/src/app/app.component.scss Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
.test{
     color: #000;
 }

I have the original config structure for webpack, I am confused on what change I need to make. :/

nattu1989 commented 7 years ago

Have the same problem. Would really appreciate any help

DevWurm commented 7 years ago

We already had an issue regarding this, please have a look at #8.

JeromeJoestar commented 7 years ago

Hmm I changed all the styles.css references to styles.scss and am still having this issue.

JeromeJoestar commented 7 years ago

Actually I just went through the config file and noticed that there was a missing input/export object for the css loader after I cloned the project. Adding that in from the commit at the issue you referenced seems to have done the trick. @nattu1989 go to the issue mentioned above and look for the commit change css references to scss. Take the webpack config code and copy/paste that. Everything is working for me now.

JeromeJoestar commented 7 years ago

Going to go ahead and close this for you @DevWurm.

DevWurm commented 7 years ago

Thank you @Jerome-Joestar!