在 ember js 上安装 Bootstrap 4

Question

我环顾四周，但找不到将 bootstrap 包含在 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

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

要导入 node_modules 文件，您应该从 ember-cli version 2.15 开始。

Answer 2

你的问题假设有误。 ember-bootstrap 自 2017 年 2 月 27 日发布的版本 1.0.0-alpha.5 开始支持 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 的组件，您最好只导入 bootstrap 资产，如 kumkanillam 所述。

在 ember js 上安装 Bootstrap 4

Installing Bootstrap 4 on ember js

javascript

twitter-bootstrap

ember.js

bower

ember-cli