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

希望这有帮助:)