DevExpress / DevExpress/devextreme-angular-template

getting errors on build after new app is created

Open
#166 0 comments 0 reactions 0 assignees View on GitHub

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

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.