Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):

I have the following error:

./src/styles.scss - Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): ModuleError: Module Error (from ./node_modules/postcss-loader/dist/cjs.js): /Users/pedrocovarrubias/Documents/GitHub/Angular/conFusion/node_modules/font-awesome/scss/_path.scss:6:2: Can't resolve '../node_modules/font-awesome/node_modules/font-awesome/fonts/fontawesome-webfont.eot' in '/Users/pedrocovarrubias/Documents/GitHub/Angular/conFusion/src' at Object.emitError (/Users/pedrocovarrubias/Documents/GitHub/Angular/conFusion/node_modules/webpack/lib/NormalModule.js:562:6) at Declaration (/Users/pedrocovarrubias/Documents/GitHub/Angular/conFusion/node_modules/@angular-devkit/build-angular/src/webpack/plugins/postcss-cli-resources.js:145:28) at processTicksAndRejections (internal/process/task_queues.js:95:5) at async LazyResult.runAsync (/Users/pedrocovarrubias/Documents/GitHub/Angular/conFusion/node_modules/postcss/lib/lazy-result.js:411:15) at async Object.loader (/Users/pedrocovarrubias/Documents/GitHub/Angular/conFusion/node_modules/postcss-loader/dist/index.js:97:14)

Here is my style.scss code:

/* You can add global styles to this file, and also import other style files */
@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';
@import 'variables';
@import '../node_modules/font-awesome/scss/font-awesome';

// some basic resets

$lt-gray: #ddd;
$background-dark: #512DA8;
$background-light: #9575CD;
$background-pale: #D1C4E9;
$primary-color-dark: #512DA8;
$primary-color: #673AB7;
$primary-color-light: #D1C4E9;
$primary-color-text: #FFFFFF;
$accent-color: #FFC107;
$primary-text-color: #212121;
$secondary-text-color: #757575;
$divider-color: #BDBDBD;

@mixin zero-margin($pad-up-down, $pad-left-right) {
margin: 0px auto;
padding: $pad-up-down $pad-left-right;
}

body {
padding: 0;
margin: 0;
font-family: Roboto, sans-serif;
}

.container {
margin: 20px;
display:flex;
}

.background-primary {
background-color: $background-dark!important;
}
.background-accent {
background-color: $accent-color!important;
}
.text-floral-white {
color: floralwhite!important;
}

.flex-spacer {
flex: 1 1 auto;
}


Can someone help on this?

Continue reading...