Error sass when build mode product

[ErikPham]

Hello!
When I build the application mode (production) but it is an error as below. Hope you help me solve direction.
p / s: I tried the url of the file refining of Bootstrap but not sass.

* Error
Error: File to import not found or unreadable: bootstrap-sass-official/vendor/assets/stylesheets/bootstrap/
    Load paths:
      on line 4 of app.scss

1: $icon-font-path: "/bower_components/bootstrap-sass-official/vendor/assets/fonts/bootstrap/";
2: $fa-font-path: "/bower_components/font-awesome/fonts";

• File app.scss

$icon-font-path: "/bower_components/bootstrap-sass-official/vendor/assets/fonts/bootstrap/";
$fa-font-path: "/bower_components/font-awesome/fonts";

@import 'bootstrap-sass-official/vendor/assets/stylesheets/bootstrap';
@import 'font-awesome/scss/font-awesome';

[Awk34]

Have you checked to make sure that the file does exist? If it does, you might try adding bower_components/ before the path and trying again.

[jonniedarko]

@PhucPM do you have bower installed globally? If not it will not install the bower components but it also doesn't appear to tell you that it failed to install bower component. I was having a similar issue and I installed bower globally ( npm install -g bower ) then ran bower install and grunt serve now works as expected

[jwhitmarsh]

@PhucPM I'm having the same issue, did you get anywhere with this in the end?

[Timvissers]

lines in the scss should be

$icon-font-path: "../bower_components/bootstrap-sass-official/vendor/assets/fonts/bootstrap/";
$fa-font-path: "../bower_components/font-awesome/fonts";

@import '../bower_components/bootstrap-sass-official/vendor/assets/stylesheets/bootstrap';
@import '../bower_components/font-awesome/scss/font-awesome';

[jwhitmarsh]

Thanks @timv2 that's working now :)