Broken paths when @import './assets/layout/css/layout-light';

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
mhasegan
Posts: 1
Joined: 08 Apr 2021, 07:35

11 Apr 2021, 09:23

Hello,

I am trying to import the scss files in the Ultima template:

Code: Select all

@import './assets/theme/indigo/theme-light';
@import './assets/layout/css/layout-light';
This causes lots of errors regarding to paths to fonts, images. Is the Ultima template not created to use scss directly?

Code: Select all

ERROR in ./src/styles.scss (./node_modules/css-loader/dist/cjs.js??ref--13-1!./node_modules/postcss-loader/src??embedded!./node_modules/resolve-url-loader??ref--13-3!./node_modules/sass-loader/dist/cjs.js??ref--13-4!./src/styles.scss)
Module Error (from ./node_modules/postcss-loader/src/index.js):
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/jondoe/prime-template/assets/sass/_fonts.scss:15:4: Can't resolve './layout/fonts/roboto-v20-latin-ext_latin-500.woff' in '/Users/jondoe/prime-template/src'

  13 |     font-style: normal;
  14 |     font-weight: 500;
> 15 |     src: local('Roboto Medium'), local('Roboto-Medium'),
     |    ^
  16 |     url('../../layout/fonts/roboto-v20-latin-ext_latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
  17 |     url('../../layout/fonts/roboto-v20-latin-ext_latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */


ERROR in ./src/styles.scss (./node_modules/css-loader/dist/cjs.js??ref--13-1!./node_modules/postcss-loader/src??embedded!./node_modules/resolve-url-loader??ref--13-3!./node_modules/sass-loader/dist/cjs.js??ref--13-4!./src/styles.scss)
Module Error (from ./node_modules/postcss-loader/src/index.js):
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/jondoe/prime-template/assets/sass/_fonts.scss:15:4: Can't resolve './layout/fonts/roboto-v20-latin-ext_latin-500.woff2' in '/Users/jondoe/prime-template/src'

  13 |     font-style: normal;
  14 |     font-weight: 500;
> 15 |     src: local('Roboto Medium'), local('Roboto-Medium'),
     |    ^
  16 |     url('../../layout/fonts/roboto-v20-latin-ext_latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
  17 |     url('../../layout/fonts/roboto-v20-latin-ext_latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */


ERROR in ./src/styles.scss (./node_modules/css-loader/dist/cjs.js??ref--13-1!./node_modules/postcss-loader/src??embedded!./node_modules/resolve-url-loader??ref--13-3!./node_modules/sass-loader/dist/cjs.js??ref--13-4!./src/styles.scss)
Module Error (from ./node_modules/postcss-loader/src/index.js):
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/jondoe/prime-template/assets/sass/_fonts.scss:24:4: Can't resolve './layout/fonts/roboto-v20-latin-ext_latin-700.woff' in '/Users/jondoe/prime-template/src'

  22 |     font-style: normal;
  23 |     font-weight: 700;
> 24 |     src: local('Roboto Bold'), local('Roboto-Bold'),
     |    ^
  25 |     url('../../layout/fonts/roboto-v20-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
  26 |     url('../../layout/fonts/roboto-v20-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */


ERROR in ./src/styles.scss (./node_modules/css-loader/dist/cjs.js??ref--13-1!./node_modules/postcss-loader/src??embedded!./node_modules/resolve-url-loader??ref--13-3!./node_modules/sass-loader/dist/cjs.js??ref--13-4!./src/styles.scss)
Module Error (from ./node_modules/postcss-loader/src/index.js):
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/jondoe/prime-template/assets/sass/_fonts.scss:24:4: Can't resolve './layout/fonts/roboto-v20-latin-ext_latin-700.woff2' in '/Users/jondoe/prime-template/src'

  22 |     font-style: normal;
  23 |     font-weight: 700;
> 24 |     src: local('Roboto Bold'), local('Roboto-Bold'),
     |    ^
  25 |     url('../../layout/fonts/roboto-v20-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
  26 |     url('../../layout/fonts/roboto-v20-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */


ERROR in ./src/styles.scss (./node_modules/css-loader/dist/cjs.js??ref--13-1!./node_modules/postcss-loader/src??embedded!./node_modules/resolve-url-loader??ref--13-3!./node_modules/sass-loader/dist/cjs.js??ref--13-4!./src/styles.scss)
Module Error (from ./node_modules/postcss-loader/src/index.js):
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/jondoe/prime-template/assets/sass/_fonts.scss:6:4: Can't resolve './layout/fonts/roboto-v20-latin-ext_latin-regular.woff' in '/Users/jondoe/prime-template/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+ */


ERROR in ./src/styles.scss (./node_modules/css-loader/dist/cjs.js??ref--13-1!./node_modules/postcss-loader/src??embedded!./node_modules/resolve-url-loader??ref--13-3!./node_modules/sass-loader/dist/cjs.js??ref--13-4!./src/styles.scss)
Module Error (from ./node_modules/postcss-loader/src/index.js):
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/jondoe/prime-template/assets/sass/_fonts.scss:6:4: Can't resolve './layout/fonts/roboto-v20-latin-ext_latin-regular.woff2' in '/Users/jondoe/prime-template/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+ */


ERROR in ./src/styles.scss (./node_modules/css-loader/dist/cjs.js??ref--13-1!./node_modules/postcss-loader/src??embedded!./node_modules/resolve-url-loader??ref--13-3!./node_modules/sass-loader/dist/cjs.js??ref--13-4!./src/styles.scss)
Module Error (from ./node_modules/postcss-loader/src/index.js):
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/jondoe/prime-template/assets/sass/layout/_landing.scss:24:8: Can't resolve './assets/sass/images/landing/landing-header.png' in '/Users/jondoe/prime-template/src'

  22 |         width: 100%;
  23 |         min-height: 400px;
> 24 |         background: url("../images/landing/landing-header.png") top left no-repeat #f7f7f7;
     |        ^
  25 |         background-size: cover;
  26 | 


ERROR in ./src/styles.scss (./node_modules/css-loader/dist/cjs.js??ref--13-1!./node_modules/postcss-loader/src??embedded!./node_modules/resolve-url-loader??ref--13-3!./node_modules/sass-loader/dist/cjs.js??ref--13-4!./src/styles.scss)
Module Error (from ./node_modules/postcss-loader/src/index.js):
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/jondoe/prime-template/assets/sass/layout/_landing.scss:53:8: Can't resolve './assets/sass/images/landing/promotion.png' in '/Users/jondoe/prime-template/src'

  51 | 
  52 |     #promotion {
> 53 |         background: url("../images/landing/promotion.png") top left no-repeat;
     |        ^
  54 |         background-size: 100% auto;
  55 |     }


ERROR in ./src/styles.scss (./node_modules/css-loader/dist/cjs.js??ref--13-1!./node_modules/postcss-loader/src??embedded!./node_modules/resolve-url-loader??ref--13-3!./node_modules/sass-loader/dist/cjs.js??ref--13-4!./src/styles.scss)
Module Error (from ./node_modules/postcss-loader/src/index.js):
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/jondoe/prime-template/assets/sass/layout/_pages.scss:151:8: Can't resolve './assets/sass/images/pages/error-bg.jpg' in '/Users/jondoe/prime-template/src'

  149 | 
  150 |     &.error-page {
> 151 |         background: url("../images/pages/error-bg.jpg");
      |        ^
  152 |         background-size: cover;
  153 | 


ERROR in ./src/styles.scss (./node_modules/css-loader/dist/cjs.js??ref--13-1!./node_modules/postcss-loader/src??embedded!./node_modules/resolve-url-loader??ref--13-3!./node_modules/sass-loader/dist/cjs.js??ref--13-4!./src/styles.scss)
Module Error (from ./node_modules/postcss-loader/src/index.js):
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/jondoe/prime-template/assets/sass/layout/_pages.scss:162:8: Can't resolve './assets/sass/images/pages/404-bg.jpg' in '/Users/jondoe/prime-template/src'

  160 | 
  161 |     &.notfound-page {
>[90m 162 |         background: url("../images/pages/404-bg.jpg");
      |        ^
  163 |         background-size: cover;
  164 | 


ERROR in ./src/styles.scss (./node_modules/css-loader/dist/cjs.js??ref--13-1!./node_modules/postcss-loader/src??embedded!./node_modules/resolve-url-loader??ref--13-3!./node_modules/sass-loader/dist/cjs.js??ref--13-4!./src/styles.scss)
Module Error (from ./node_modules/postcss-loader/src/index.js):
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/jondoe/prime-template/assets/sass/layout/_pages.scss:173:8: Can't resolve './assets/sass/images/pages/accessDenied-bg.jpg' in '/Users/jondoe/prime-template/src'

  171 | 
  172 |     &.accessdenied-page {
> 173 |         background: url("../images/pages/accessDenied-bg.jpg");
      |        ^
  174 |         background-size: cover;
  175 | 


ERROR in ./src/styles.scss (./node_modules/css-loader/dist/cjs.js??ref--13-1!./node_modules/postcss-loader/src??embedded!./node_modules/resolve-url-loader??ref--13-3!./node_modules/sass-loader/dist/cjs.js??ref--13-4!./src/styles.scss)
Module Error (from ./node_modules/postcss-loader/src/index.js):
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/jondoe/prime-template/assets/sass/layout/_pages.scss:56:8: Can't resolve './assets/sass/images/pages/login-bg.jpg' in '/Users/jondoe/prime-template/src'

  54 | 
  55 |     &.login-page {
> 56 |         background: url("../images/pages/login-bg.jpg");
     |        ^
  57 |         background-size: cover;
  58 | 
Thank you

tugce.kucukoglu
Posts: 560
Joined: 23 Oct 2020, 09:28

20 Apr 2021, 11:27

Hi,

@merve Could you please check this issue?

Best Regards,

merve7
Posts: 861
Joined: 12 Sep 2017, 10:44

28 Apr 2021, 10:39

Hi,
No, Ultima template is not created to use scss directly. You need to use sass command (sass --watch src/assets:src/assets --no-source-map). You can see this part in the documentation (https://www.primefaces.org/ultima-ng/#/documentation)

Post Reply

Return to “Ultima - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 5 guests