Topic: [ERROR] Undefined variable.

vincenttan623 priority asked 2 weeks ago


Expected behavior Compile success and started localhost:4200 Actual behavior [ERROR] Undefined variable. "primary": $primary-text-emphasis-dark, node_modules/mdb-angular-ui-kit/assets/scss/bootstrap/_maps.scss 55:16 @import node_modules/mdb-angular-ui-kit/assets/scss/mdb.core.scss 8:9

Resources (screenshots, code snippets etc.) We need to override the color, hence we include the SCSS in our project styles.scss

$primary: #8f6f4c; @use 'mdb-angular-ui-kit/assets/scss/mdb.core.scss';

It works perfectly with Angular 18 with mdb5-angular-ui-kit-pro-essential#7.1.0

After upgrading to Angular 19 with mdb5-angular-ui-kit-pro-essential#8.0.0, it started experiencing the above error during compilation.



If you need to import core files separately please try to include some additional imports. Here is an example, replace your mdb.core.scss import with:

 $primary: #8f6f4c;

    // CORE FUNCTIONS
    @import 'mdb-angular-ui-kit/assets/scss/bootstrap/functions';
    @import 'mdb-angular-ui-kit/assets/scss/free/functions';

    // CORE VARIABLES
    @import 'mdb-angular-ui-kit/assets/scss/free/variables';
    @import 'mdb-angular-ui-kit/assets/scss/free/variables-dark';
    @import 'mdb-angular-ui-kit/assets/scss/bootstrap/variables';
    @import 'mdb-angular-ui-kit/assets/scss/bootstrap/variables-dark';
    @import 'mdb-angular-ui-kit/assets/scss/pro/variables';
    @import 'mdb-angular-ui-kit/assets/scss/bootstrap/maps';

    // BOOTSTRAP CORE
    @import 'mdb-angular-ui-kit/assets/scss/bootstrap/mixins';
    @import 'mdb-angular-ui-kit/assets/scss/bootstrap/utilities';

    // BOOTSTRAP CORE COMPONENTS
    @import 'mdb-angular-ui-kit/assets/scss/bootstrap/root';
    @import 'mdb-angular-ui-kit/assets/scss/bootstrap/reboot';
    @import 'mdb-angular-ui-kit/assets/scss/bootstrap/type';
    @import 'mdb-angular-ui-kit/assets/scss/bootstrap/containers';
    @import 'mdb-angular-ui-kit/assets/scss/bootstrap/grid';

    // Utilities
    @import 'mdb-angular-ui-kit/assets/scss/bootstrap/utilities/api';

    // MDB CORE
    @import 'mdb-angular-ui-kit/assets/scss/free/mixins';
    @import 'mdb-angular-ui-kit/assets/scss/free/utilities';

    // MDB CORE COMPONENTS
    @import 'mdb-angular-ui-kit/assets/scss/free/root';
    @import 'mdb-angular-ui-kit/assets/scss/free/reboot';
    @import 'mdb-angular-ui-kit/assets/scss/free/colors';
    @import 'mdb-angular-ui-kit/assets/scss/free/shadows';


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

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: MDB5 8.0.0
  • Device: localhost
  • Browser: terminal build
  • OS: mac os 15
  • Provided sample code: No
  • Provided link: No