Build errors

Winter pro asked 5 years ago

With the current git checkout i got build error, for example: Can't resolve '../img/svg/arrow_right.svg' in .... 5 | 6 | .carousel-control-next-icon {

7 | background-image: url('../img/svg/arrow_right.svg') !important; | ^ 8 | } [90m 9 | }

All of the images are not found!


Winter pro commented 5 years ago

Do you use $image-path in the image urls?


Damian Gemza staff commented 5 years ago

Dear @Winter

How can I reproduce this problem? I have not seen this error while working on MDB 8.

Best Regards,

Damian


Winter pro commented 5 years ago

I includes the mdb sass files in my styles.scss. Before I updated the project to v8, this code works without problems.

styles.scss

$primary-color: #d00000;
$primary: #d00000;
$image-path: '../node_modules/ng-uikit-pro-standard/assets/img/';
$roboto-font-path: '../node_modules/ng-uikit-pro-standard/assets/font/roboto/';


@import '~ng-uikit-pro-standard/assets/scss/bootstrap/bootstrap.scss';
@import '~ng-uikit-pro-standard/assets/scss/mdb.scss';

Winter pro commented 5 years ago

I have seen, that the scss structure has been changed completely. It doesn't include custom-variables.scss or custom-styles.scss anymore. Are there any reason for this? I need the customizing option.


We also experienced this problem. I've created a PR with the fix: https://github.com/mdbootstrap/Angular-Bootstrap-with-Material-Design/pull/124


Damian Gemza staff answered 5 years ago

Dear @Winter

We have changed the structure of styles completely, because we have a lot of questions, how users can import only those styles which they actually need in their application. So we have changed our structure to allow users to do that.

About your problem - you shouldn't import the whole mdb.scss file in your styles.scss, because this may lead to a similar problem.

We will refactor the image path to actually use the $image-path variable, but this will be working after 2 weeks.

Until this, please remove the mdb.scss from your styles.scss file.

Best Regards,

Damian


Winter pro commented 5 years ago

Thanks for your answer. The $image-path refactoring must be done for

/assets/scss/core/msc/lightbox-pro.scss

and

/assets/scss/core/msc/carousel.scss

Thank you and best regards

Lars


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 8.0.0
  • Device: ALL
  • Browser: ALL
  • OS: All
  • Provided sample code: No
  • Provided link: No
Tags