我的项目基于这个漂亮的回购 - 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";
有人能解释一下这个错误是什么吗?
答案 0 :(得分:0)
尝试:styles: require("./datepicker.component.scss")
这样,标准的webpack配置可以扫描所需的文件并正确加载和链接它们。