Ng-bootstrap Import Error Angular 2

Question

I try to run ng-bootstrap for angular 2 and I receive an error to install ng-bootstrap. I believe that is a path problem. This 404 error occur when i try to access page, and on start npm. When angular ng-bootstrap try to load I receive a 404 error on import module:

[1] 16.08.20 20:01:00 404 GET /@ng-bootstrap/ng-bootstrap

But this module is inside node_modules. Thanks

You can have look at the systemjs.config.js file at angular.io/docs/ts/latest/quickstart.html. — Ha Hoang
– Ha Hoang, Commented Aug 21, 2016 at 0:23
I try to solve and 404 errors has dismissed but the page does not load, stay in loading. — Renan Da Silva Barbosa
– Renan Da Silva Barbosa, Commented Aug 21, 2016 at 20:26
Can you show exactly the errors by using console tab in the browser? — Ha Hoang
– Ha Hoang, Commented Aug 22, 2016 at 3:22

iMalek · Accepted Answer · 2016-09-01 21:06:29Z

8

First you should install using below command

npm install --save @ng-bootstrap/ng-bootstrap

Refer https://ng-bootstrap.github.io/#/getting-started

Follow this issue link, it has app module and system config reference and what he did wrong

in your app.module.ts

import {NgbModule} from '@ng-bootstrap/ng-bootstrap';
and
imports:      [ NgbModule]

in systemjs.config.js

**var map:** '@ng-bootstrap':          'node_modules/@ng-bootstrap'

**var packages:** '@ng-bootstrap/ng-bootstrap':       { main: 'index.js', defaultExtension: 'js' }

answered Sep 1, 2016 at 21:06

iMalek

1891 silver badge14 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nate · Accepted Answer · 2016-08-30 23:18:26Z

0

You should look at this issue, it provides a good insight on how to configure ngBootstrap with systemJS

answered Aug 30, 2016 at 23:18

Nate

7,90623 gold badges76 silver badges129 bronze badges

Comments

Nelson · Accepted Answer · 2016-09-05 12:37:34Z

0

I had the same issue, solved with a few changes to the systemjs.config.js Getting started Angular2 RC5 with ng-bootstrap 404 Error

answered Sep 5, 2016 at 12:37

Nelson

4243 silver badges17 bronze badges

Comments

zhimin · Accepted Answer · 2016-09-05 21:34:10Z

0

check out my learning angular 2 project, I have just make some demos with angular 2 and ng-bootstrap. https://github.com/beginor/learning-angular2

answered Sep 5, 2016 at 21:34

zhimin

3,05017 silver badges24 bronze badges

Collectives™ on Stack Overflow

Ng-bootstrap Import Error Angular 2

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related