DevExpress / DevExpress/devextreme-angular-template
getting errors on build after new app is created
Nobody has claimed this yet.
- Dominant language
- CSS
- Stars
- 120
- Forks
- 47
- Avg merge
- 50m
- Merged PRs (30d)
- 3
Description
getting errors on build after new app is created;
after: npx -p devextreme-cli devextreme new angular-app app-name
Build at: 2021-12-01T15:32:33.210Z - Hash: 282e8f3badea2247d0b5 - Time: 27364ms
./src/app/app.component.scss - Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: $color: null is not a color.
╷
3 │ background-color: darken($base-bg, 5.00);
│ ^^^^^^^^^^^^^^^^^^^^^^
╵
src\app\app.component.scss 3:21 root stylesheet
./src/app/layouts/single-card/single-card.component.scss - Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: $color: null is not a color.
╷
36 │ color: rgba($base-text-color, alpha($base-text-color) * 0.7);
│ ^^^^^^^^^^^^^^^^^^^^^^^
╵
src\app\layouts\single-card\single-card.component.scss 36:39 root stylesheet
./src/app/shared/components/create-account-form/create-account-form.component.scss - Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: $color: null is not a color.
╷
6 │ color: rgba($base-text-color, alpha($base-text-color) * 0.7);
│ ^^^^^^^^^^^^^^^^^^^^^^^
╵
src\app\shared\components\create-account-form\create-account-form.component.scss 6:35 root stylesheet
./src/app/shared/components/footer/footer.component.scss - Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: $color: null is not a color.
╷
5 │ color: rgba($base-text-color, alpha($base-text-color) * 0.7);
│ ^^^^^^^^^^^^^^^^^^^^^^^
╵
src\app\shared\components\footer\footer.component.scss 5:33 root stylesheet
./src/app/shared/components/login-form/login-form.component.scss - Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: $color: null is not a color.
╷
17 │ color: rgba($base-text-color, alpha($base-text-color) * 0.7);
│ ^^^^^^^^^^^^^^^^^^^^^^^
╵
src\app\shared\components\login-form\login-form.component.scss 17:35 root stylesheet
./src/app/shared/components/side-navigation-menu/side-navigation-menu.component.scss - Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: $color: null is not a color.
╷
77 │ background-color: lighten($base-bg, 4.00);
│ ^^^^^^^^^^^^^^^^^^^^^^^
╵
src\app\shared\components\side-navigation-menu\side-navigation-menu.component.scss 77:31 root stylesheet
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
× Failed to compile.
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Reproduce the failure with npx -p devextreme-cli devextreme new angular-app app-name and inspect the Sass errors in the listed app.component.scss, layout, and shared component stylesheet files. Confirm the generated application builds successfully without the null-color errors.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- angular, sass
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100