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.
Arkadiusz Idzikowski
staff
answered 1 week ago
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';
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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