在ember js上安装Boostrap 4

时间:2017-11-28 12:46:55

标签: javascript twitter-bootstrap ember.js bower ember-cli

我环顾四周但却无法找到使用ember包含boostrap的正确方法。我不想要ember-boostrap个套餐,因为它不支持boostrap 4

我也失去了关于使用凉亭安装它的每一篇文章,但由于凉亭正在重新使用纱线,我不想使用弃用的方法。

我尝试了很多次,但是当我尝试导入ember-cli-build.js中的boostrap.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'

非常感谢!

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

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

简而言之:

  • ember generate ember-bootstrap --bootstrap-version=4
  • {{1}}

ember-bootstrap 1.0.0尚未发布。当前版本是1.0.0-rc.4。 Bootstrap 4支持也是only experimental。但这主要是由Bootstrap 4引起的还没有稳定版本。

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