Today, I was trying to figure out how to dynamically load CSS in an Angular 5 application and found out a workable solution. In this short post, I will show you how I managed to do that.
Today, I wanted to update one of my starter projects to use the latest version of Angular. I built starter project with Angular 5.0.0 and I wanted to update it to latest Angular version which is 5.0.4. Below are the steps, you need to follow to update your project. Navigate to your project working directory and do the following:
Step 1: Remove node_modules
$ rm -rf node_modules/
Step 2: Update angular-cli dependency to latest version
You can check latest version at https://github.com/angular/angular-cli/releases.
Once you know the version, update the
@angular/cli version in the
package.json to the latest version.
Step 3: Install and run the upgrade
$ yarn install
$ yarn upgrade
yarn upgrade will update all the dependencies to the latest version.
Step 4: Run the application
Now, you can run the application using the
yarn start -o command.