Error occurs when importing mdb.scss to styles.scss

MDB SupportCategory: MDB AngularError occurs when importing mdb.scss to styles.scss
kvandake Pro UserPremium asked 1 week ago in MDB pro, version:6.1.6

I’m trying to create a custom skin. Library added via npm.
I use:
* Angular 6
* WebStorm IDE
The code:
“`scss
/* You can add global styles to this file, and also import other style files */
@import “main-skin”;
@import “~ng-uikit-pro-standard/assets/scss/mdb.scss”;
“`
The logs:
“`bash

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/angular/pro/_lightbox.scss:230:16: Can’t resolve ‘../img//lightbox/default-skin.png’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

228 | width: 44px;
229 | height: 44px;
> 230 | background: url(#{$image-path}/lightbox/default-skin.png);
| ^
231 | background-position: 0 -44px;
232 | opacity: 0.75;

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/angular/pro/_lightbox.scss:245:16: Can’t resolve ‘../img//lightbox/default-skin.png’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

243 | width: 44px;
244 | height: 44px;
> 245 | background: url(#{$image-path}/lightbox/default-skin.png);
| ^
246 | opacity: 0.75;
247 | transition: opacity 0.2s;

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/angular/pro/_lightbox.scss:262:16: Can’t resolve ‘../img//lightbox/default-skin.png’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

260 | width: 44px;
261 | height: 44px;
> 262 | background: url(#{$image-path}/lightbox/default-skin.png);
| ^
263 | background-position: -88px 0;
264 | opacity: 0.75;

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/angular/pro/_lightbox.scss:278:14: Can’t resolve ‘../img//lightbox/default-skin.png’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

276 | .pswp__button–arrow–left:before,
277 | .pswp__button–arrow–right:before {
> 278 | background: url(#{$image-path}/lightbox/default-skin.png) 0 0 no-repeat !important;
| ^
279 | }
280 |

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/angular/pro/_lightbox.scss:284:20: Can’t resolve ‘../img//lightbox/default-skin.svg’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

282 | .pswp–svg .pswp__button–arrow–left:before,
283 | .pswp–svg .pswp__button–arrow–right:before {
> 284 | background-image: url(#{$image-path}/lightbox/default-skin.svg) !important;
| ^
285 | }
286 |

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/angular/pro/_lightbox.scss:290:16: Can’t resolve ‘../img//lightbox/preloader.gif’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

288 | .pswp__preloader__icn {
289 | /* We use .gif in browsers that don’t support CSS animation */
> 290 | background: url(#{$image-path}/lightbox/preloader.gif) 0 0 no-repeat !important;
| ^
291 | }
292 | }

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/angular/pro/_lightbox.scss:73:24: Can’t resolve ‘../img/lightbox/default-skin.png’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

71 | width: 32px;
72 | height: 30px;
> 73 | background: url(‘#{$image-path}lightbox/default-skin.png’);
| ^
74 | background-position: -138px -44px;
75 | opacity: 0.75;

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/angular/pro/_lightbox.scss:93:24: Can’t resolve ‘../img//lightbox/default-skin.png’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

91 | width: 32px;
92 | height: 30px;
> 93 | background: url(#{$image-path}/lightbox/default-skin.png);
| ^
94 | background-position: -94px -44px;
95 | opacity: 0.75;

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_masks.scss:72:16: Can’t resolve ‘../img//overlays/01.png’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

70 | @each $no, $filename in $patterns {
71 | .pattern-#{$no} {
> 72 | background: url(“#{$image-path}/overlays/#{$filename}.png”);
| ^
73 | }
74 | }

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_masks.scss:72:16: Can’t resolve ‘../img//overlays/02.png’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

70 | @each $no, $filename in $patterns {
71 | .pattern-#{$no} {
> 72 | background: url(“#{$image-path}/overlays/#{$filename}.png”);
| ^
73 | }
74 | }

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_masks.scss:72:16: Can’t resolve ‘../img//overlays/03.png’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

70 | @each $no, $filename in $patterns {
71 | .pattern-#{$no} {
> 72 | background: url(“#{$image-path}/overlays/#{$filename}.png”);
| ^
73 | }
74 | }

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_masks.scss:72:16: Can’t resolve ‘../img//overlays/04.png’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

70 | @each $no, $filename in $patterns {
71 | .pattern-#{$no} {
> 72 | background: url(“#{$image-path}/overlays/#{$filename}.png”);
| ^
73 | }
74 | }

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_masks.scss:72:16: Can’t resolve ‘../img//overlays/05.png’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

70 | @each $no, $filename in $patterns {
71 | .pattern-#{$no} {
> 72 | background: url(“#{$image-path}/overlays/#{$filename}.png”);
| ^
73 | }
74 | }

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_masks.scss:72:16: Can’t resolve ‘../img//overlays/06.png’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

70 | @each $no, $filename in $patterns {
71 | .pattern-#{$no} {
> 72 | background: url(“#{$image-path}/overlays/#{$filename}.png”);
| ^
73 | }
74 | }

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_masks.scss:72:16: Can’t resolve ‘../img//overlays/07.png’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

70 | @each $no, $filename in $patterns {
71 | .pattern-#{$no} {
> 72 | background: url(“#{$image-path}/overlays/#{$filename}.png”);
| ^
73 | }
74 | }

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_masks.scss:72:16: Can’t resolve ‘../img//overlays/08.png’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

70 | @each $no, $filename in $patterns {
71 | .pattern-#{$no} {
> 72 | background: url(“#{$image-path}/overlays/#{$filename}.png”);
| ^
73 | }
74 | }

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_masks.scss:72:16: Can’t resolve ‘../img//overlays/09.png’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

70 | @each $no, $filename in $patterns {
71 | .pattern-#{$no} {
> 72 | background: url(“#{$image-path}/overlays/#{$filename}.png”);
| ^
73 | }
74 | }

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_typography.scss:10:4: Can’t resolve ‘../font/roboto/Roboto-Thin.ttf’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

8 | url(“#{$roboto-font-path}Roboto-Thin.woff2”) format(“woff2”),
9 | url(“#{$roboto-font-path}Roboto-Thin.woff”) format(“woff”),
> 10 | url(“#{$roboto-font-path}Roboto-Thin.ttf”) format(“truetype”);
| ^
11 | font-weight: 200;
12 | }

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_typography.scss:17:4: Can’t resolve ‘../font/roboto/Roboto-Light.eot’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

15 | font-family: “Roboto”;
16 | src: local(Roboto Light),
> 17 | url(“#{$roboto-font-path}Roboto-Light.eot”);
| ^
18 | src: url(“#{$roboto-font-path}Roboto-Light.eot?#iefix”) format(“embedded-opentype”),
19 | url(“#{$roboto-font-path}Roboto-Light.woff2”) format(“woff2”),

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_typography.scss:18:7: Can’t resolve ‘../font/roboto/Roboto-Light.eot’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

16 | src: local(Roboto Light),
17 | url(“#{$roboto-font-path}Roboto-Light.eot”);
> 18 | src: url(“#{$roboto-font-path}Roboto-Light.eot?#iefix”) format(“embedded-opentype”),
| ^
19 | url(“#{$roboto-font-path}Roboto-Light.woff2”) format(“woff2”),
20 | url(“#{$roboto-font-path}Roboto-Light.woff”) format(“woff”),

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_typography.scss:19:4: Can’t resolve ‘../font/roboto/Roboto-Light.woff’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

17 | url(“#{$roboto-font-path}Roboto-Light.eot”);
18 | src: url(“#{$roboto-font-path}Roboto-Light.eot?#iefix”) format(“embedded-opentype”),
> 19 | url(“#{$roboto-font-path}Roboto-Light.woff2”) format(“woff2”),
| ^
20 | url(“#{$roboto-font-path}Roboto-Light.woff”) format(“woff”),
21 | url(“#{$roboto-font-path}Roboto-Light.ttf”) format(“truetype”);

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_typography.scss:19:4: Can’t resolve ‘../font/roboto/Roboto-Light.woff2’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

17 | url(“#{$roboto-font-path}Roboto-Light.eot”);
18 | src: url(“#{$roboto-font-path}Roboto-Light.eot?#iefix”) format(“embedded-opentype”),
> 19 | url(“#{$roboto-font-path}Roboto-Light.woff2”) format(“woff2”),
| ^
20 | url(“#{$roboto-font-path}Roboto-Light.woff”) format(“woff”),
21 | url(“#{$roboto-font-path}Roboto-Light.ttf”) format(“truetype”);

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_typography.scss:21:4: Can’t resolve ‘../font/roboto/Roboto-Light.ttf’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

19 | url(“#{$roboto-font-path}Roboto-Light.woff2”) format(“woff2”),
20 | url(“#{$roboto-font-path}Roboto-Light.woff”) format(“woff”),
> 21 | url(“#{$roboto-font-path}Roboto-Light.ttf”) format(“truetype”);
| ^
22 | font-weight: 300;
23 | }

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_typography.scss:28:4: Can’t resolve ‘../font/roboto/Roboto-Regular.eot’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

26 | font-family: “Roboto”;
27 | src: local(Roboto Regular),
> 28 | url(“#{$roboto-font-path}Roboto-Regular.eot”);
| ^
29 | src: url(“#{$roboto-font-path}Roboto-Regular.eot?#iefix”) format(“embedded-opentype”),
30 | url(“#{$roboto-font-path}Roboto-Regular.woff2”) format(“woff2”),

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_typography.scss:29:7: Can’t resolve ‘../font/roboto/Roboto-Regular.eot’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

27 | src: local(Roboto Regular),
28 | url(“#{$roboto-font-path}Roboto-Regular.eot”);
> 29 | src: url(“#{$roboto-font-path}Roboto-Regular.eot?#iefix”) format(“embedded-opentype”),
| ^
30 | url(“#{$roboto-font-path}Roboto-Regular.woff2”) format(“woff2”),
31 | url(“#{$roboto-font-path}Roboto-Regular.woff”) format(“woff”),

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_typography.scss:30:4: Can’t resolve ‘../font/roboto/Roboto-Regular.woff’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

28 | url(“#{$roboto-font-path}Roboto-Regular.eot”);
29 | src: url(“#{$roboto-font-path}Roboto-Regular.eot?#iefix”) format(“embedded-opentype”),
> 30 | url(“#{$roboto-font-path}Roboto-Regular.woff2”) format(“woff2”),
| ^
31 | url(“#{$roboto-font-path}Roboto-Regular.woff”) format(“woff”),
32 | url(“#{$roboto-font-path}Roboto-Regular.ttf”) format(“truetype”);

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_typography.scss:30:4: Can’t resolve ‘../font/roboto/Roboto-Regular.woff2’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

28 | url(“#{$roboto-font-path}Roboto-Regular.eot”);
29 | src: url(“#{$roboto-font-path}Roboto-Regular.eot?#iefix”) format(“embedded-opentype”),
> 30 | url(“#{$roboto-font-path}Roboto-Regular.woff2”) format(“woff2”),
| ^
31 | url(“#{$roboto-font-path}Roboto-Regular.woff”) format(“woff”),
32 | url(“#{$roboto-font-path}Roboto-Regular.ttf”) format(“truetype”);

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_typography.scss:32:4: Can’t resolve ‘../font/roboto/Roboto-Regular.ttf’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

30 | url(“#{$roboto-font-path}Roboto-Regular.woff2”) format(“woff2”),
31 | url(“#{$roboto-font-path}Roboto-Regular.woff”) format(“woff”),
> 32 | url(“#{$roboto-font-path}Roboto-Regular.ttf”) format(“truetype”);
| ^
33 | font-weight: 400;
34 | }

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_typography.scss:38:7: Can’t resolve ‘../font/roboto/Roboto-Medium.eot’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

36 | @font-face {
37 | font-family: “Roboto”;
> 38 | src: url(“#{$roboto-font-path}Roboto-Medium.eot”);
| ^
39 | src: url(“#{$roboto-font-path}Roboto-Medium.eot?#iefix”) format(“embedded-opentype”),
40 | url(“#{$roboto-font-path}Roboto-Medium.woff2”) format(“woff2”),

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_typography.scss:39:7: Can’t resolve ‘../font/roboto/Roboto-Medium.eot’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

37 | font-family: “Roboto”;
38 | src: url(“#{$roboto-font-path}Roboto-Medium.eot”);
> 39 | src: url(“#{$roboto-font-path}Roboto-Medium.eot?#iefix”) format(“embedded-opentype”),
| ^
40 | url(“#{$roboto-font-path}Roboto-Medium.woff2”) format(“woff2”),
41 | url(“#{$roboto-font-path}Roboto-Medium.woff”) format(“woff”),

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_typography.scss:40:4: Can’t resolve ‘../font/roboto/Roboto-Medium.woff’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

38 | src: url(“#{$roboto-font-path}Roboto-Medium.eot”);
39 | src: url(“#{$roboto-font-path}Roboto-Medium.eot?#iefix”) format(“embedded-opentype”),
> 40 | url(“#{$roboto-font-path}Roboto-Medium.woff2”) format(“woff2”),
| ^
41 | url(“#{$roboto-font-path}Roboto-Medium.woff”) format(“woff”),
42 | url(“#{$roboto-font-path}Roboto-Medium.ttf”) format(“truetype”);

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_typography.scss:40:4: Can’t resolve ‘../font/roboto/Roboto-Medium.woff2’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

38 | src: url(“#{$roboto-font-path}Roboto-Medium.eot”);
39 | src: url(“#{$roboto-font-path}Roboto-Medium.eot?#iefix”) format(“embedded-opentype”),
> 40 | url(“#{$roboto-font-path}Roboto-Medium.woff2”) format(“woff2”),
| ^
41 | url(“#{$roboto-font-path}Roboto-Medium.woff”) format(“woff”),
42 | url(“#{$roboto-font-path}Roboto-Medium.ttf”) format(“truetype”);

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_typography.scss:42:4: Can’t resolve ‘../font/roboto/Roboto-Medium.ttf’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

40 | url(“#{$roboto-font-path}Roboto-Medium.woff2”) format(“woff2”),
41 | url(“#{$roboto-font-path}Roboto-Medium.woff”) format(“woff”),
> 42 | url(“#{$roboto-font-path}Roboto-Medium.ttf”) format(“truetype”);
| ^
43 | font-weight: 500;
44 | }

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_typography.scss:48:7: Can’t resolve ‘../font/roboto/Roboto-Bold.eot’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

46 | @font-face {
47 | font-family: “Roboto”;
> 48 | src: url(“#{$roboto-font-path}Roboto-Bold.eot”);
| ^
49 | src: url(“#{$roboto-font-path}Roboto-Bold.eot?#iefix”) format(“embedded-opentype”),
50 | url(“#{$roboto-font-path}Roboto-Bold.woff2”) format(“woff2”),

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_typography.scss:49:7: Can’t resolve ‘../font/roboto/Roboto-Bold.eot’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

47 | font-family: “Roboto”;
48 | src: url(“#{$roboto-font-path}Roboto-Bold.eot”);
> 49 | src: url(“#{$roboto-font-path}Roboto-Bold.eot?#iefix”) format(“embedded-opentype”),
| ^
50 | url(“#{$roboto-font-path}Roboto-Bold.woff2”) format(“woff2”),
51 | url(“#{$roboto-font-path}Roboto-Bold.woff”) format(“woff”),

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_typography.scss:50:4: Can’t resolve ‘../font/roboto/Roboto-Bold.woff’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

48 | src: url(“#{$roboto-font-path}Roboto-Bold.eot”);
49 | src: url(“#{$roboto-font-path}Roboto-Bold.eot?#iefix”) format(“embedded-opentype”),
> 50 | url(“#{$roboto-font-path}Roboto-Bold.woff2”) format(“woff2”),
| ^
51 | url(“#{$roboto-font-path}Roboto-Bold.woff”) format(“woff”),
52 | url(“#{$roboto-font-path}Roboto-Bold.ttf”) format(“truetype”);

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_typography.scss:50:4: Can’t resolve ‘../font/roboto/Roboto-Bold.woff2’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

48 | src: url(“#{$roboto-font-path}Roboto-Bold.eot”);
49 | src: url(“#{$roboto-font-path}Roboto-Bold.eot?#iefix”) format(“embedded-opentype”),
> 50 | url(“#{$roboto-font-path}Roboto-Bold.woff2”) format(“woff2”),
| ^
51 | url(“#{$roboto-font-path}Roboto-Bold.woff”) format(“woff”),
52 | url(“#{$roboto-font-path}Roboto-Bold.ttf”) format(“truetype”);

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_typography.scss:52:4: Can’t resolve ‘../font/roboto/Roboto-Bold.ttf’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

50 | url(“#{$roboto-font-path}Roboto-Bold.woff2”) format(“woff2”),
51 | url(“#{$roboto-font-path}Roboto-Bold.woff”) format(“woff”),
> 52 | url(“#{$roboto-font-path}Roboto-Bold.ttf”) format(“truetype”);
| ^
53 | font-weight: 700;
54 | }

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_typography.scss:6:4: Can’t resolve ‘../font/roboto/Roboto-Thin.eot’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

4 | font-family: “Roboto”;
5 | src: local(Roboto Thin),
> 6 | url(“#{$roboto-font-path}Roboto-Thin.eot”);
| ^
7 | src: url(“#{$roboto-font-path}Roboto-Thin.eot?#iefix”) format(“embedded-opentype”),
8 | url(“#{$roboto-font-path}Roboto-Thin.woff2”) format(“woff2”),

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_typography.scss:7:7: Can’t resolve ‘../font/roboto/Roboto-Thin.eot’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

5 | src: local(Roboto Thin),
6 | url(“#{$roboto-font-path}Roboto-Thin.eot”);
> 7 | src: url(“#{$roboto-font-path}Roboto-Thin.eot?#iefix”) format(“embedded-opentype”),
| ^
8 | url(“#{$roboto-font-path}Roboto-Thin.woff2”) format(“woff2”),
9 | url(“#{$roboto-font-path}Roboto-Thin.woff”) format(“woff”),

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_typography.scss:8:4: Can’t resolve ‘../font/roboto/Roboto-Thin.woff’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

6 | url(“#{$roboto-font-path}Roboto-Thin.eot”);
7 | src: url(“#{$roboto-font-path}Roboto-Thin.eot?#iefix”) format(“embedded-opentype”),
> 8 | url(“#{$roboto-font-path}Roboto-Thin.woff2”) format(“woff2”),
| ^
9 | url(“#{$roboto-font-path}Roboto-Thin.woff”) format(“woff”),
10 | url(“#{$roboto-font-path}Roboto-Thin.ttf”) format(“truetype”);

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_typography.scss:8:4: Can’t resolve ‘../font/roboto/Roboto-Thin.woff2’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

6 | url(“#{$roboto-font-path}Roboto-Thin.eot”);
7 | src: url(“#{$roboto-font-path}Roboto-Thin.eot?#iefix”) format(“embedded-opentype”),
> 8 | url(“#{$roboto-font-path}Roboto-Thin.woff2”) format(“woff2”),
| ^
9 | url(“#{$roboto-font-path}Roboto-Thin.woff”) format(“woff”),
10 | url(“#{$roboto-font-path}Roboto-Thin.ttf”) format(“truetype”);

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_variables.scss:160:38: Can’t resolve ‘../img//svg/arrow_left.svg’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

158 | $carousel-control-icon-width: 2.25rem !default;
159 | $carousel-control-icon-height: $carousel-control-icon-width !default;
> 160 | $carousel-control-prev-icon: url(#{$image-path}/svg/arrow_left.svg) !default;
| ^
161 | $carousel-control-next-icon: url(#{$image-path}/svg/arrow_right.svg) !default;
162 | $carousel-indicators-width: .625rem !default;

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/core/_variables.scss:161:38: Can’t resolve ‘../img//svg/arrow_right.svg’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

159 | $carousel-control-icon-height: $carousel-control-icon-width !default;
160 | $carousel-control-prev-icon: url(#{$image-path}/svg/arrow_left.svg) !default;
> 161 | $carousel-control-next-icon: url(#{$image-path}/svg/arrow_right.svg) !default;
| ^
162 | $carousel-indicators-width: .625rem !default;
163 | $carousel-indicators-height: $carousel-indicators-width !default;

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/pro/_variables.scss:566:26: Can’t resolve ‘../img//lightbox/default-skin.png’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

564 | $mdb-lightbox-figure-img-hover-opacity: .8 !default;
565 | $mdb-lightbox-no-margin-padding: .5rem !default;
> 566 | $pswp__button-background: url(#{$image-path}/lightbox/default-skin.png) !default;
| ^
567 | $pswp__button-background-image: url(#{$image-path}/lightbox/default-skin.svg) !default;
568 | $pswp__preloader__icn-background: url(#{$image-path}/lightbox/preloader.gif) !default;

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/pro/_variables.scss:567:32: Can’t resolve ‘../img//lightbox/default-skin.svg’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

565 | $mdb-lightbox-no-margin-padding: .5rem !default;
566 | $pswp__button-background: url(#{$image-path}/lightbox/default-skin.png) !default;
> 567 | $pswp__button-background-image: url(#{$image-path}/lightbox/default-skin.svg) !default;
| ^
568 | $pswp__preloader__icn-background: url(#{$image-path}/lightbox/preloader.gif) !default;
569 |

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/styles.scss)
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/kvandake/Projects/servis-bit/frontend/web/node_modules/ng-uikit-pro-standard/assets/scss/pro/_variables.scss:568:34: Can’t resolve ‘../img//lightbox/preloader.gif’ in ‘/Users/kvandake/Projects/servis-bit/frontend/web/src’

566 | $pswp__button-background: url(#{$image-path}/lightbox/default-skin.png) !default;
567 | $pswp__button-background-image: url(#{$image-path}/lightbox/default-skin.svg) !default;
> 568 | $pswp__preloader__icn-background: url(#{$image-path}/lightbox/preloader.gif) !default;
| ^
569 |
570 | // Date Picker

ℹ 「wdm」: Failed to compile.
“`

1 Answers
Arkadiusz Idzikowski answered 7 days ago

Dear kvandake,

As a workaround please try to copy img and font folders from node_modules/ng-uikit-pro-standard/assets to your main project folder.

Best,

Arek