Angularjs 网页包的编辑难题

我正在使用Angular 2（alpha.52）和webpack构建一个应用程序，但遇到了一个需要sass文件的问题。我已经搜索了www，并在gitter聊天室的网页中询问了问题，但仍然存在问题

导致编译器出现问题的行如下所示：

var sass = require('../sass/authenty.scss');

但当“npm start”生成包时，会导致以下错误：

ERROR in Cannot find module 'source-map'
 @ ./src/app//sass/authenty.scss 4:14-141

我不知道这个错误是在哪里产生的。My webpack.config.js具有以下加载程序：

{ test: /\.scss$/, loader: 'style!css!sass?sourceMap' }

---

有什么想法吗？

将源地图作为查询参数添加到css加载程序中，它将正常工作，如下所示：

{ test: /\.scss$/, loader: 'style!css?sourceMap!sass?sourceMap' }

在我自己的网页配置中成功测试

Web包sass加载程序的文档目前显然没有帮助。此问题和解决方案记录在下面的博客文章和Github上的相关问题中：