Angular build issue

Hi there,

I am trying to build my app on another machine and for some reason I am getting this error when I run the command ng serve. 
The app was working properly on my previous machine

ERROR in ../src/assets/scss/style.scss (../node_modules/css-loader/dist/cjs.js??ref--14-1!../node_modules/postcss-loader/src??embedded!../node_modules/resolve-url-loader??ref--14-3!../node_modules/sass-loader/dist/cjs.js??ref--14-4!../src/assets/scss/style.scss)
Module Error (from ../node_modules/postcss-loader/src/index.js):
(Emitted value instead of an instance of Error) CssSyntaxError: C:\node_modules\material-design-icons-iconfont\src\material-design-icons.scss:15:2: Can't resolve '../../../node_modules/material-design-icons-iconfont/src/fonts/MaterialIcons-Regular.eot' in 'C:\Dev\Hakiman Project\gene-seed\src\assets\scss'

  13 |   font-weight: 400;
  14 |   font-display: block;
> 15 |   src: url("#{$material-design-icons-font-file-path}.eot"); /* For IE6-8 */
     |  ^
  16 |   src: local('☺'),
  17 |   url("#{$material-design-icons-font-file-path}.woff2") format('woff2'),

Select allOpen in new window