Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Got warning after update angular 7 to angular 8 version

Tags:

angular

I updated the packages and after starting npm i got 2 warning which are follows:

WARNING in ./src/assets/scss/style.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/lib/loader.js??ref--13-3!./src/assets/scss/style.scss) Module Warning (from ./node_modules/postcss-loader/src/index.js): Warning

(5013:3) end value has mixed support, consider using flex-end instead

WARNING in ./src/assets/scss/style.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/lib/loader.js??ref--13-3!./src/assets/scss/style.scss) Module Warning (from ./node_modules/postcss-loader/src/index.js): Warning

(5019:3) end value has mixed support, consider using flex-end instead

like image 749
Deepak Arora Avatar asked Jun 06 '19 05:06

Deepak Arora


People also ask

How can I update my Angular project from 7 to 11?

You can run ng add @angular/localize to include required packages. Finally, run ng update @angular/core @angular/cli command to update to Angular 11. This will migrate your project to latest Angular release. After the update to Angular 11 is done your project will be using Typescript 4.

How do I upgrade to the latest version of Angular?

First uninstall the existing Angular cli packages. Then run npm cache verify command to clear the node packages cache. Then install latest Angular CLI version using npm install -g @angular/cli@latest command.


2 Answers

This warning is saying that you should use flex-start instead of start. Same for flex-end. And this is just a warning, it won't affect your project.

like image 193
Arjun Avatar answered Sep 22 '22 19:09

Arjun


This error generally comes in SCSS/CSS file. In your stylesheet just search "start" and replace it with flex-start. This property is used to justify-content in the navbar etc.

like image 28
SHAD0WS_Stark Avatar answered Sep 23 '22 19:09

SHAD0WS_Stark