ng2-bootstrap 找不到 angular-cli.json 文件来输入样式数组答案

【问题标题】：ng2-bootstrap can't find angular-cli.json file to input styles arrayng2-bootstrap 找不到 angular-cli.json 文件来输入样式数组
【发布时间】：2017-07-04 08:25:02
【问题描述】：

我无法完成在 Angular 2 应用程序中启用引导程序的最后一步，因为我在任何地方都没有 angular-cli.json 文件？

我正在学习本教程： https://github.com/valor-software/ng2-bootstrap/blob/development/docs/getting-started/ng-cli.md

提前致谢！！

【问题讨论】：

如果你使用了正确版本的angular-cli，这个文件肯定存在。
我从这里下载了一个示例并对其进行了修改以在我的应用程序中使用。也许这就是我没有那个文件的原因？ angular2-first-look.azurewebsites.net
您链接的“教程”是使用ng2-bootstrap 与使用angular-cli 构建的项目时使用的快速入门。 Angular-cli 是 angular2 的安装程序/配置程序/打包程序，该软件包的当前版本使用 webpack。这只是管理 angular2 包的一种可能方式； cmets 中的示例似乎是角种子的修改版本，它使用systemjs。您可以尝试ng-2bootstrap 的其他说明，与角种子相关：github.com/valor-software/ng2-bootstrap/blob/development/docs/…

标签： twitter-bootstrap angular ng2-bootstrap

【解决方案1】：

尝试使用较小的 angular2 种子。这是我的。它包括没有 ng2-bootstrap 的 bootstrap 3。但是您可以通过在 package.json 的“依赖项”中添加它来轻松更改它

"@ng-bootstrap/ng-bootstrap": "1.0.0-alpha.18",
"bootstrap": "4.0.0-alpha.6"

在 app.module 中

import {NgbModule} from "@ng-bootstrap/ng-bootstrap";
imports: [
        BrowserModule,
        RouterModule.forRoot(AppRoutes, {useHash: true}),
        SettingsModule,
        NgbModule.forRoot()
    ],

在示例设置模块（和其他模块）中，您需要导入它：

import {NgbModule} from "@ng-bootstrap/ng-bootstrap";
imports: [BrowserModule,NgbModule,HttpModule,FormsModule],

Minimum angular2 seed

【讨论】：

感谢您的解释！但现在我收到 404 错误：GET localhost:3000/@ng-bootstrap/ng-bootstrap 404 (Not Found) 我做错了什么？为什么让 Bootstrap 框架在 Angular 2 中工作如此麻烦？我认为它可以开箱即用？
我刚刚让一切“正常”，不再出现错误。我必须将文件位置添加到 system.js.config.js。但是我的 html 没有样式？
正如你在我的种子中看到的，我没有使用 system.js，所以我无法帮助你。在我的种子中，我使用的是 webpack。我选择 webpack 是因为它更成熟。有一天我可能会切换到 system.js，但不是现在。 ng-bootstrap 仍处于 alpha 阶段，并使用同样处于 alpha 阶段的 bootstrap4。所以不要指望一切都能开箱即用
感谢您的帮助，但我开始了一个新的 Angular cli 项目并将所有文件放在那里，现在一切正常，我现在拥有所有正确的文件！不知道出了什么问题...