Ng-bootstrap 导入错误 Angular 2答案

【问题标题】：Ng-bootstrap Import Error Angular 2Ng-bootstrap 导入错误 Angular 2
【发布时间】：2016-08-21 00:09:43
【问题描述】：

我尝试为 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 里面。谢谢

【问题讨论】：

你可以在angular.io/docs/ts/latest/quickstart.html查看systemjs.config.js文件。
我尝试解决，404 错误已消除，但页面未加载，请继续加载。
您能否在浏览器中使用控制台选项卡准确显示错误？

标签： angularjs ng-bootstrap

【解决方案1】：

首先你应该使用下面的命令安装

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

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

关注这个issue 链接，它有应用模块和系统配置参考以及他做错了什么

在您的 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' }

【讨论】：

【解决方案2】：

你应该看看this issue，它提供了关于如何使用 systemJS 配置 ngBootstrap 的一个很好的见解

【讨论】：

【解决方案3】：

我遇到了同样的问题，通过对systemjs.config.js 进行一些更改解决了 Getting started Angular2 RC5 with ng-bootstrap 404 Error

【讨论】：

【解决方案4】：

查看我的学习 angular 2 项目，我刚刚用 angular 2 和 ng-bootstrap 做了一些演示。 https://github.com/beginor/learning-angular2

【讨论】：