i am using font awesome in my angular app and got this error [closed]

this is the error shown in command prompt

1)i have tried reinstalling all dependencies
2)tried to rebuild node-saas
3)i have reinstalled font awesome
4)i have installed webpack

this error still persists

WARNING in C:UsersdholeDesktopAngularconfusionsrcappapp.module.ts depends on 'hammerjs'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

ERROR in ./src/styles.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/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ref--14-4!./src/styles.scss)
Module Error (from ./node_modules/postcss-loader/src/index.js):
(Emitted value instead of an instance of Error) CssSyntaxError: C:UsersdholeDesktopAngularnode_modulesfont-awesomescss_path.scss:6:2: Can't resolve '../node_modules/font-awesome/node_modules/font-awesome/fonts/fontawesome-webfont.eot' in 'C:UsersdholeDesktopAngularconfusionsrc'

  4 | @font-face {
  5 |   font-family: 'FontAwesome';
> 6 |   src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
    |  ^
  7 |   src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
  8 |     url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'),


ERROR in ./src/styles.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/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ref--14-4!./src/styles.scss)
Module Error (from ./node_modules/postcss-loader/src/index.js):
(Emitted value instead of an instance of Error) CssSyntaxError: C:UsersdholeDesktopAngularnode_modulesfont-awesomescss_path.scss:7:2: Can't resolve '../node_modules/font-awesome/node_modules/font-awesome/fonts/fontawesome-webfont.eot' in 'C:UsersdholeDesktopAngularconfusionsrc'

  5 |   font-family: 'FontAwesome';
  6 |   src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
> 7 |   src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
    |  ^
  8 |     url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'),
  9 |     url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),


ERROR in ./src/styles.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/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ref--14-4!./src/styles.scss)
Module Error (from ./node_modules/postcss-loader/src/index.js):
(Emitted value instead of an instance of Error) CssSyntaxError: C:UsersdholeDesktopAngularnode_modulesfont-awesomescss_path.scss:7:2: Can't resolve '../node_modules/font-awesome/node_modules/font-awesome/fonts/fontawesome-webfont.svg' in 'C:UsersdholeDesktopAngularconfusionsrc'

  5 |   font-family: 'FontAwesome';
  6 |   src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
> 7 |   src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
    |  ^
  8 |     url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'),
  9 |     url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),






   

Source: Angular
Source Url i am using font awesome in my angular app and got this error [closed]