twitter-bootstrap - Grunt watch无法编译.scss，无法找到sass-bootstrap/lib/bootstrap

Question

我使用 Yeoman、Bower 和 Grunt 设置了一个快速应用程序 (npm install -g yo grunt-cli Bower)。我安装了 AngularJS 生成器(npm install -g Generator-Angular)并运行 yo Angular 来设置项目目录。最后安装 Bootstrap for Angular (bower install angular-bootstrap --save)。

当我运行 grunt server --force 时，我发现属于项目样式目录一部分的 .scss 未编译为 .css。相反，会给出此错误:

Syntax error: File to import not found or unreadable: sass-bootstrap/lib/bootstrap.
          Load path: C:/Users/C8M9S/Desktop/myAngular/app/styles
    on line 3 of main.scss

1: $icon-font-path: "/bower_components/sass-bootstrap/fonts/";
2: 
3: @import 'sass-bootstrap/lib/bootstrap';

有什么想法为什么不能编译吗？

Answer 1

但是错误表明它在第 3 行，而第 3 行的代码甚至没有使用 $icon-font-path!我有一个类似的问题，解决方案是修改 Gruntfile.js 配置以告诉 grunt 组件在哪里使用“loadPath”参数:

grunt.initConfig({
  sass: {
    dist: {
      options: {
        style: 'expanded',
          loadPath: 'bower_components/foundation/scss'
        },
        files: {
           'public/static/css/main.css': 'app/frontend/scss/foundation.scss'
        }
      }

现在，如果在 Foundations.scss 中您有以下行:@import“基础/组件/ Accordion ”

它在以下位置查找 Accordion 组件:bower_components/foundation/scss/foundation/components/accordion

希望这有帮助:)