bootstrap.css.map missing (404 not found) — using LESS

[dustinfarris]

I installed ember-cli-bootstrap via npm.

In my app.less:

@import "vendor/bootstrap/less/bootstrap";

Everything seems to be working fine, but I noticed the site is requesting a file /assets/bootstrap.css.map and Ember is returning a 404.

[ballPointPenguin]

It is not necessary to use the @import statement. The addon works auto-magically when you npm install it such that all the LESS gets preprocessed into your vendor.css and is immediately available. I'm not sure if sourcemaps work though (probably not). But you will get the styles without error if you leave out the @import statement.

[dustinfarris]

It seems that I don't have access to the various bootstrap LESS components—like mixins—unless I explicitly import bootstrap in my app.less. Is there a better way to make these mixins available to my code?

[ballPointPenguin]

I'm wondering the same. I might stick with importing LESS (or Sass) the "old-fashioned" way for now. Wonder what the addon story is for non-css, non-js assets.

[linstula]

Sorry for not getting to this issue sooner. I'll try to take some time to look into this as soon as I can.

[jkatsnelson]

https://github.com/dockyard/ember-cli-bootstrap/pull/14

My PR should address this issue?

[kbullaughey]

Perhaps this is somewhat off topic, as I'm not importing less but rather using the precompiled css, nonetheless I came across the same 404 error. I solved it by directing the bootstrap.css.map file to my assets directory in my Brocfile.js:

app.import('bower_components/bootstrap/dist/css/bootstrap.css.map', {
  destDir: 'assets'
});

This got rid of the 404 error for me, and as a side benefit, the less shows up in Chrome's developer tools, presumably inferred from the sourcemap.

[mayatron]

+1

[OpenSourceSupporter]

https://github.com/dockyard/ember-cli-bootstrap/issues/2#issuecomment-55219160

+1

[balinterdi]

@linstula Upgrading to 0.0.12 from 0.0.11 made this go away so I assume this issue might be closed. And thank you!

$ ember --version

version: 0.0.46 node: 0.10.21 npm: 1.4.27

[timolehto]

Ty @kbullaughey ! Fixed it for me too with

ember --version
version: 0.1.2-master-f353e3e216
node: 0.10.21
npm: 2.1.7