Topic: Error occurs when importing mdb.scss to styles.scss
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.
```
Add comment
Rewrite the default values in your theme/variables file for that and redirect them to the node_modules as illustrated.
In my case it'smdbvue package as I'm working in Vue.js. Replace with the right path for your angular package.
Make sure you load first your variables and then the mdb.scss
For example:
$roboto-font-path: './../../node_modules/mdbvue/build/font/roboto/';
$image-path: './../../node_modules/mdbvue/build/img/';
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
Ioannis Chiotakakos free commented 5 years ago
It did solve the problem but I wasn't really happy copying things from the mdbvue/mdbangular package into my repository. As posted below, the variables for the image and font paths can be changed and solves the problem.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Answered
Specification of the issue
- ForumUser: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Tags