Search code examples
javascripttwitter-bootstrapember.jsbowerember-cli

Installing Bootstrap 4 on ember js


I've looked around but can't find the proper way to include bootstrap with ember. I don't want the ember-bootstrap package since it doesn't support bootstrap 4.

I'm also lost about every article outhere telling to use bower to install it but since bower is being remplaced with yarn I don't want to use a deprecated method.

I've try many times but it always fail when I'm trying to import the bootstrap.js file in my ember-cli-build.js like so --> app.import('bower_components/bootstrap-sass-official/assets/javascripts/bootstrap.js'); I'm having this error

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'

Many thanks !


Solution

  • You can do npm install [email protected] for bootstrap and import the required files through ember-cli-build.js file from node_modules folder.

    For importing node_modules file, you should have ember-cli version 2.15 onwards.