在 ember js 上安装 Bootstrap 4

Question

我环顾四周，但找不到使用 ember 包含引导程序的正确方法。我不想要ember-bootstrap 包，因为它不支持bootstrap 4。

我也对外面的每一篇文章都说要使用 bower 来安装它感到迷茫，但是由于 bower 正在被 yarn 取代，我不想使用已弃用的方法。

我尝试了很多次，但是当我尝试在我的ember-cli-build.js 中导入 bootstrap.js 文件时总是失败，就像这样 --> app.import('bower_components/bootstrap-sass-official/assets/javascripts/bootstrap.js'); 我遇到了这个错误

The Broccoli Plugin: [BroccoliMergeTrees: TreeMerger (vendor & appJS)] 
failed with:
Error: ENOENT: no such file or directory, open '/private/tmp/my-first-
ember-app/tmp/source_map_concat-input_base_path-
S9AGEQc7.tmp/bower_components/bootstrap-sass-
official/assets/javascripts/bootstrap.js'

非常感谢！

Answer 1

您可以使用npm install bootstrap@4.0.0-alpha.6 进行引导，并通过node_modules 文件夹中的ember-cli-build.js 文件导入所需的文件。

要导入 node_modules 文件，您应该有 ember-cli version 2.15 起。

Answer 2

您的问题有一个错误的假设。自 2017 年 2 月 27 日发布的 1.0.0-alpha.5 版本以来，ember-bootstrap 确实支持 Bootstrap 4。setup guide 中有一节介绍如何切换到 Bootstrap 4。

简而言之就是：

• ember install ember-bootstrap
• ember generate ember-bootstrap --bootstrap-version=4

ember-bootstrap 1.0.0 尚未发布。当前版本是 1.0.0-rc.4。此外，Bootstrap 4 支持是 only experimental。但这主要是因为 Bootstrap 4 还没有稳定的版本。

如果您不喜欢或不需要 ember-bootstrap 的组件，您最好只导入 kumkanillam 所述的引导资产。