I am in the process of setting up a basic Angular 4 project with the CLI and I would like to integrate a package from either NPM or Bower into it. The specific package I am interested in is Multi Step Form (https://github.com/troch/angular-multi-step-form). I understand that I need to include it in the @NgModule class (previously known as angular.module), however, despite multiple attempts, Angular seems to have trouble recognizing the module when using Bower, and I keep encountering an error message
Can't resolve 'angular' in [path-to-multi-step-form/dist/commonjs]Below is the code snippet for app.module.ts:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
and here's the app.component.ts file:
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})
export class AppComponent {
title = 'app';
}
Could someone please guide me on how to properly incorporate components into Angular 2/4 CLI projects? I am getting frustrated with this issue even though I have been working with Angular for quite some time now... :/