dist: 404 on glyphicons-halflings-regular.woff

[olalonde]

I'm using this generator but updated bootstrap to "bootstrap": "~3.1.1". The problem is when I grunt build it seems the CSS file tries to find glyphicons-halflings-regular.woff in bower_components/ instead of fonts/. How can I fix this?

Here's the full HTTP error:

Failed to load resource: the server responded with a status of 404 (File not found) http://localhost:8000/bower_components/bootstrap/dist/fonts/glyphicons-halflings-regular.woff
Failed to load resource: the server responded with a status of 404 (File not found) http://localhost:8000/bower_components/bootstrap/dist/fonts/glyphicons-halflings-regular.ttf
Failed to load resource: the server responded with a status of 404 (File not found) http://localhost:8000/bower_components/bootstrap/dist/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular

[olalonde]

For some reason, my minified CSS file imports the font using the absolute URL instead of the relative URL that is in the non minified file:

src:url(/bower_components/bootstrap/dist/fonts/glyphicons-halflings-regular.eot)

[leikind]

I have got the same problem

[boltex]

I have got the same problem, a fresh install of the angular generator prepared with the 'grunt' command gives 404 errors for the fonts if the 'dist' folder is served by a webserver!!!

[sysofwan]

I have the same problem. It did not happen in previous version. Only in version 0.8.0

[olalonde]

This is pretty annoying... I have to manually edit the minified CSS file after each build. Guess I could write a task that does this for me but I'm sure there has to be a "cleaner" way to fix this.

[olsn]

I had the same issue, I fixed this by modifying the usemin in my Gruntfile and added a pattern:
(It's a rather ugly fix I guess, but works for me, credit goes to this post: yeoman/yeoman#824 (comment))

usemin: {
      html: ['<%= yeoman.dist %>/{,*/}*.html'],
      css: ['<%= yeoman.dist %>/styles/{,*/}*.css'],
      options: {
        assetsDirs: ['<%= yeoman.dist %>'],
        patterns: {
          css: [
            [/(\/bower_components\/bootstrap\/dist\/fonts)/g, 'god help me', function(match) {
              return match.replace('/bower_components/bootstrap/dist/fonts', '../fonts');
            }]
          ]
        }
      }
    },

[olalonde]

@olsn thanks, I will use that fix for now although it's not very elegant :)

[eddiemonge]

Please help to verify the fixes resolve the issues you have been having. You will need to test using the latest git code. Here are the instructions on how to do that:

• cd to a testing directory, preferable an empty one

  git clone git@github.com:yeoman/generator-angular.git
  cd generator-angular
  npm link
  cd ..
  mkdir testfonts && cd $_
  yo angular

• Test the generator with different prompts.

Let me know if you have any issues by replying here or opening a new issue.

[leikind]

Hey, I followed your steps, ran grunt build, and the problem is still there

Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:3000/styles/vendor.css
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:3000/bower_components/bootstrap-sass-official/vendor/assets/fonts/bootstrap/glyphicons-halflings-regular.woff
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:3000/bower_components/bootstrap-sass-official/vendor/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:3000/bower_components/bootstrap-sass-official/vendor/asset…nts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular

[leikind]

Hm, actually none of the font files are in the dist directory, neither in the app generated following your instructions nor in my app

$ find dist -name 'glyphicons-halflings-regular.*'

[eddiemonge]

@leikind please open a new issue please with your exact steps.

[coderDem]

@olsn You saved me thx. I use the generator-angular version 0.8.

[eddiemonge]

@coderDem the latest is fixed