Installing Angular 8 with Bootstrap 4 – The Easiest and Fastest Way

By Fernando Rodrigues December 2, 2019 In Sem categoria 0 No tags 0

Introduction

This post is about installing the latest version of Angular Framework with the latest version of bootstrap – the easiest way. This post assumes you have intermediate knowledge in web development. I’ve created this post to help me remember how to do this install the fastest way. This post is most like a cheat sheet.

Step by Step

Install NPM
Follow the instructions on this page https://www.npmjs.com/get-npm

Update NPM

sudo npm install -g @angular/cli@latest

Depending on your system use sudo

Create a Project

ng new latestngwithbootstrap

Cd into the folder

cd latestngwithbootstrap

Add Bootstrap

ng add @ng-bootstrap/schematics

Run Angular Server

ng serve

You are gonna get: ERROR in node_modules/rxjs/internal/types.d.ts(81,44): error TS1005: ‘;’ expected.
https://github.com/ReactiveX/rxjs/issues/4540

Downgrade rxjs

npm install rxjs@6.0.0 --save

Run Angular Server Again

ng serve

Access the page: http://localhost:4200/

Now it should be working!! Use Bootstrap as you wish! https://getbootstrap.com/docs/

Installing Angular 8 with Bootstrap 4 – The Easiest and Fastest Way

Introduction

Step by Step

Top Math and Machine Learning Algorithms Cheat Sheet - with Python Samples

Creating a Rest API with Django Rest Framework, OAuth2 with a Custom UserModel

What do you think? Cancel reply