Prime Community Forum

Posted: **21 Oct 2021, 15:27**

Trying to use SCSS within the ultima theme and seem to be stuck on getting the layout to work correctly
In the styles.scss:

Code: Select all

@import "./assets/layout/css/layout-dark.scss";

This line, when added, generates errors regarding font resolution (this is coming from a download of the ultima then, npm i, add the line, and ng serve:

Code: Select all

./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: C:\Users\me\Desktop\ultima-ng-12.0.0_clean\src\assets\sass\_fonts.scss:6:4: Can't resolve './layout/fonts/roboto-v20-latin-ext_latin-regular.woff' in 'C:\Users\me\Desktop\ultima-ng-12.0.0_clean\src'

  4 |     font-style: normal;
  5 |     font-weight: 400;
> 6 |     src: local('Roboto'), local('Roboto-Regular'),
    |    ^
  7 |     url('../../layout/fonts/roboto-v20-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
  8 |     url('../../layout/fonts/roboto-v20-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */

    at Object.emitError (C:\Users\me\Desktop\ultima-ng-12.0.0_clean\node_modules\webpack\lib\NormalModule.js:550:6)
    at Declaration (C:\Users\me\Desktop\ultima-ng-12.0.0_clean\node_modules\@angular-devkit\build-angular\src\webpack\plugins\postcss-cli-resources.js:125:28)
    at runMicrotasks (<anonymous>)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
    at async LazyResult.runAsync (C:\Users\me\Desktop\ultima-ng-12.0.0_clean\node_modules\postcss\lib\lazy-result.js:405:15)
    at async Object.loader (C:\Users\me\Desktop\ultima-ng-12.0.0_clean\node_modules\postcss-loader\dist\index.js:87:14)

To add to the above, using the prebuilt css for the layout works fine, and the url paths for the fonts are identical, but the building of the scss seems to have issues with the path that it otherwise shouldn't

Prime Community Forum

Errors when using scss of theme

Errors when using scss of theme