使用angular-fullstack生成器时Sass的问题

Question

我已经使用Saoman和Yeoman的角度全生成器生成了一个webapp。它似乎运行良好，直到我意识到每次咕噜声尝试运行任务时输出的错误。下面是输出：

/Users/rorysmith/.rvm/rubies/ruby-2.2.1/bin/scss --no-cache --update app.scss:app.css 
error app.scss (Line 4: File to import not found or unreadable: ../bower_components/bootstrap-sass-official/vendor/assets/fonts/bootstrap.) 

Process finished with exit code 1 

它指的是线在app.scss文件：

@import '../bower_components/bootstrap-sass-official/vendor/assets/fonts/bootstrap'

我改变了目录，包括../在一开始，因为这是我的bower_components直播：

当注释掉它时有不同的线路同一个文件的问题： @import 'modal/modal.scss';

这里的app.scss文件的全部，它只是由发电机产生的股票之一：

$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/fonts/bootstrap'; 
@import '../bower_components/font-awesome/fonts'; 

/** 
* App-wide Styles 
*/ 

.browsehappy { 
    margin: 0.2em 0; 
    background: #ccc; 
    color: #000; 
    padding: 0.2em 0; 
} 

// Component styles are injected through grunt 
// injector 
@import 'account/login/login.scss'; 
@import 'admin/admin.scss'; 
@import 'create/create.scss'; 
@import 'main/main.scss'; 
@import 'modal/modal.scss'; 
// endinjector 

任何想法是在地球上是怎么回事上？

Answer 1

我遇到了同样的问题，这里对我来说什么是“固定”它...

在Gruntfile，找到以下内容：

// Inject component scss into app.scss 
    sass: { 
    options: { 
     transform: function(filePath) { 
     filePath = filePath.replace('/client/app/', ''); 
     filePath = filePath.replace('/client/components/', ''); 
     return '@import \'' + filePath + '\';'; 
     }, 
     starttag: '// injector', 
     endtag: '// endinjector' 
    }, 
    files: { 
     '<%= yeoman.client %>/app/app.scss': [ 
     '<%= yeoman.client %>/{app,components}/**/*.{scss,sass}', 
     '!<%= yeoman.client %>/app/app.{scss,sass}' 
     ] 
    } 
    }, 

修改下面一行改为：

filePath = filePath.replace('/client/components/', '../components/'); 

现在它应该注入正确的路径。

警告：我真的不知道我在做什么。