Unable to run a newly created project.

I followed the all the steps mentioned in the Full Installation Guide. There are some issues, I am facing while executing the project.

1. The Generate SCSS is giving an error.
2. After commenting the content of styles.scss file , I get another error.

Logs:

./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):
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/Nitin/LocalDisk C/Work/Angular/Fundamental/src/styles.scss:4:4: Can't resolve '@sap-theming/theming-base-content/content/Base/baseLib/sap_base_fiori/fonts/72-Regular-full.woff' in '/Users/Nitin/LocalDisk C/Work/Angular/Fundamental/src'

  2 | @font-face {
  3 |     font-family: '72';
> 4 |     src: url('~@sap-theming/theming-base-content/content/Base/baseLib/sap_base_fiori/fonts/72-Regular-full.woff') format('woff');
    |    ^
  5 |     font-weight: normal;
  6 |     font-style: normal;

    at Object.emitError (/Users/Nitin/LocalDisk C/Work/Angular/Fundamental/node_modules/webpack/lib/NormalModule.js:550:6)
    at Declaration (/Users/Nitin/LocalDisk C/Work/Angular/Fundamental/node_modules/@angular-devkit/build-angular/src/webpack/plugins/postcss-cli-resources.js:144:28)
    at processTicksAndRejections (internal/process/task_queues.js:95:5)
    at async LazyResult.runAsync (/Users/Nitin/LocalDisk C/Work/Angular/Fundamental/node_modules/postcss/lib/lazy-result.js:411:15)
    at async Object.loader (/Users/Nitin/LocalDisk C/Work/Angular/Fundamental/node_modules/postcss-loader/dist/index.js:97:14)

Error: node_modules/@fundamental-ngx/core/node_modules/@angular/platform-browser/platform-browser.d.ts:703:5 - error TS2416: Property 'supportsDOMEvents' in type 'ɵangular_packages_platform_browser_platform_browser_o' is not assignable to the same property in base type 'ɵDomAdapter'.
  Type '() => boolean' is not assignable to type 'boolean'.

703     supportsDOMEvents(): boolean;
        ~~~~~~~~~~~~~~~~~


Error: node_modules/@fundamental-ngx/core/node_modules/@angular/platform-browser/platform-browser.d.ts:703:5 - error TS2425: Class 'ɵDomAdapter' defines instance member property 'supportsDOMEvents', but extended class 'ɵangular_packages_platform_browser_platform_browser_o' defines it as instance member function.

703     supportsDOMEvents(): boolean;

[Smiranin]

@GeneralNitin @kavya-b this issue is already fixed about two weeks ago. You can use latest release candidate e.g. v 0.31.0-rc.165 or wait next release.
I tested it with v 0.31.0-rc.165 and it works well.

[kavya-b]

@droshev any ideas on this issue? I can reproduce it as follows:

• in a new ang12 project, run ng add @fundamental-ngx/core
• go to app.module.ts and add any core module, eg, CheckboxModule
• run ng build --> error

I tried changing the typescript version to a lower one(same as ngx), but ang12 does not support that version. The lowest allowed version (4.2.3) also throws same error on building. I also verified on ang10 and ang11 and this issue is not reproducible there, so this may be ang12 specific.