adamgusky free commented 2 years ago

Hi Arkadiusz, I did try to follow the instructions, however there was not a tgz file in my download of the 1.4.0 version. Is there supposed to be one?

This file not being there cause an error which did not allow me to run the ready-to-use project.

Arkadiusz Idzikowski staff commented 2 years ago

@adamgusky We are sorry for the inconvenience. The problem with this package should be fixed now, please try to download it again from your MDB profile.

adamgusky free commented 2 years ago

When I run the ng add mdb-angular-ui-kit I get the following error:

Unrecognised input in C:\Users\adamg\source\repos\BikeChallenge\BikeChallenge\BikeChallenge.Web\node_modules\mdb-angular-ui-kit\assets\scss\mdb.scss (line 1, column 15)

All that is in my mdb.scss (the first couple lines are posted below)

// CORE FUNCTIONS @import './bootstrap/functions'; @import './free/functions';

// CORE VARIABLES @import './free/variables'; @import './pro/variables'; @import './bootstrap/variables';

What is the issue?

Arkadiusz Idzikowski staff commented 2 years ago

@adamgusky Could you please provide a full error message? Did you use this command in a new Angular project or some files were already modified?

adamgusky free commented 2 years ago

A screenshot of the error message I am getting

adamgusky free commented 2 years ago

I posted a screenshot of the error message.

All I did was follow your steps: 1. Copy TGZ file to my project 2. run command: npm install mdb-angular-ui-kit-1.4.0.tgz 3. run command: ng add mdb-angular-ui-kit

Arkadiusz Idzikowski staff commented 2 years ago

@adamgusky We tested this type of installation thoroughly in a new project but were unable to reproduce this problem.

Does this error occur when you use ng add command or when you try to start development server with ng serve? Do you use SCSS stylesheets configuration in your project?

For now, please try to update the configuration files manually as described in the NPM section: https://mdbootstrap.com/docs/b5/angular/pro/installation/#section-npm

adamgusky free commented 2 years ago

It happens after I add it, when I try to run ng serve. My project worked perfectly before this.

adamgusky free commented 2 years ago

@Arkadiusz Idzikowski does it have to do with my project being .less ?

Arkadiusz Idzikowski staff commented 2 years ago

@adamgusky We recommend using scss as we mentioned in the installation guide. All Bootstrap and MDB styles use this format.

adamgusky free commented 2 years ago

Is it known to not work with .less? Are there any workarounds?

Arkadiusz Idzikowski staff commented 2 years ago

I'm afraid there is no easy workaround. You can try to compile our scss file to css using this command: npx sass ./node_modules/mdb-angular-ui-kit/assets/scss/mdb.scss ./node_modules/mdb-angular-ui-kit/assets/scss/mdb.css in your project and replace mdb.scss import with mdb.css import in styles.scss file.

However, this solution can cause problems in case you need to use our source code or overwrite it (for example when using theming or when you need to use/override some variables).