Ng-bootstrap引入错误Angular 2

Question

我试图在Angular 2中运行ng-bootstrap，但收到安装ng-bootstrap的错误。我相信这是一个路径问题。 当我尝试访问页面和启动npm时，会发生404错误。 当Angular ng-bootstrap尝试加载时，我在导入模块时收到了404错误：

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

但这个模块是在node_modules目录下的。谢谢。

- Renan Da Silva Barbosa

---

你可以在 https://angular.io/docs/ts/latest/quickstart.html 查看 systemjs.config.js 文件。 - Ha Hoang

我尝试解决404错误已消除，但页面仍无法加载，停留在加载中。 - Renan Da Silva Barbosa

你能否在浏览器的控制台选项卡中显示出错误信息？ - Ha Hoang

Answer 1

首先，您应该使用以下命令进行安装

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

请参考https://ng-bootstrap.github.io/#/getting-started来解决问题。

点击此链接，可以查看app模块和系统配置的参考以及可能出现的错误。

请在您的app.module.ts文件中进行操作。

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

在systemjs.config.js文件中。

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

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

- iMalek

Answer 2

你应该看一下这个问题, 它提供了如何使用systemJS配置ngBootstrap的良好见解

- Nate

Answer 3

我遇到了同样的问题，通过对systemjs.config.js进行一些修改解决了。 使用ng-bootstrap开始Angular2 RC5时出现404错误

- Nelson

Answer 4

欢迎查看我的Angular 2学习项目，我刚刚使用Angular 2和ng-bootstrap制作了一些演示。https://github.com/beginor/learning-angular2

- zhimin