404 not found error for bootstrap fonts

[ufoscout]

Hi all,

we created a new project from scratch using generator-gulp-angular 1.1.0. When the application is started using "gulp serve", the browser throws a "404 not found error" for these resources: http://localhost:3000/fonts/bootstrap/glyphicons-halflings-regular.woff2 http://localhost:3000/fonts/bootstrap/glyphicons-halflings-regular.woff http://localhost:3000/fonts/bootstrap/glyphicons-halflings-regular.ttf

The same error appear with:

gulp build
gulp serve:dist

In fact, in the "dist" folder, the missing files are not in the "dist/fonts/bootstrap" subfolder but in the "dist/fonts". If we manually copy the files from "dist/fonts" to "dist/fonts/bootstrap" the issue disappear.

We use typescript, sass, ui-bootstrap, no html template engines, node 5.10.1, npm 3.8.3, Ubuntu 16.04.

[maximdresvyankin]

I have the same error. Are you fix it?

[YuriZaliznyak]

browser expects font files at locations with doubled "bower_components" in path, e.g. at

http://localhost:3001/bower_components/bower_components/bootstrap/fonts/glyphicons-halflings-regular.woff2

i do not have any solution at the moment.

[d0d0]

Hi, i changed @icon-font-path: '../../bower_components/bootstrap/fonts/'; to @icon-font-path: '../../bootstrap/fonts/'; in index.less file and works fine. It is not solving main problem of course.

[eduardosanzb]

any solution buddies?

[shersial]

$icon-font-path: "./../bootstrap-sass/assets/fonts/bootstrap/"; change above path to below working fine $icon-font-path: "/bower_components/bootstrap-sass/assets/fonts/bootstrap/";

[shersial]

open build.js .pipe($.replace('../../bower_components/bootstrap-sass/assets/fonts/bootstrap/', '../fonts/')) i thing change to .pipe($.replace('/bower_components/bootstrap-sass/assets/fonts/bootstrap/', '../fonts/'))

[Henry0422]

shersial's solution works for me.