为sass-loader获取错误 - angular2,bootstrap-loader,webpack 2

时间:2016-11-25 20:59:36

标签: twitter-bootstrap angular webpack-2

我的项目基于这个漂亮的回购 - https://github.com/qdouble/angular-webpack2-starter/tree/minimal。我将软件包更新为angular 2.2.3 ,webpack 2.1.0-beta.27 和bootstrap-loader 2.0.0-beta.16 。当我尝试构建它时,我得到了这些:

  
    错误在./~/css-loader?sourceMap!./~/resolve-url/resolve-url.js!./~/sass-loader?sourceMap!。/ src / app / shared / datepicker / datepicker .component.scss     模块构建失败:ReferenceError:未定义文档

  

以下是我在组件中使用SASS的方法: @Component({ selector: '...', template: `...`, providers: [], encapsulation: ViewEncapsulation.None, styleUrls: ["./datepicker.component.scss"] }) 和datepicker.component.scss文件: @import "/node_modules/bootstrap-datepicker/dist/css/bootstrap-datepicker3.min.css";

有人能解释一下这个错误是什么吗?

1 个答案:

答案 0 :(得分:0)

尝试:styles: require("./datepicker.component.scss")

这样,标准的webpack配置可以扫描所需的文件并正确加载和链接它们。