Ошибка Webpack при попытке импортировать пользовательскую тему Angular

Ошибка, которая появляется, когда я пытаюсь создать свое приложение:

[webpack][error] Module build failed: Unclosed quote (3805:24)
// Wrapper element that provides the theme background when the
// user's content isn't inside of a mat-sidenav-container.
^
.mat-app-background {
  $background: map-get($theme, background);
  background-color: mat-color($background, background);
}

Я использую webpack 1.12.x и пытаюсь импортировать пользовательскую тему Угловой материал в свой файл main.scss. Я выполнял шаги, указанные в здесь.

Мой загрузчик webpack выглядит примерно так:

module: {
loaders: [
  {
    test: /\.ts$/,
    loader: 'ts',
  },
  {
    test: /\.json$/,
    loader: 'json',
  },
  {
    test: /\.css$/,
    loader: 'style-loader!css-loader',
    exclude: [/app/],
  },
    {
        test: /\.scss$/,
        loader: 'style-loader!css-loader',
        exclude: [/app/],
    },
  {
    test: /\.(html|css)$/,
    loader: 'raw',
    include: [/app/],
    exclude: ['index.html'],
  },
  {
    test: /\.(woff|woff2|eot)$/,
    loader: 'url?prefix=font/&limit=5000'
  },
  {
    test: /\.ttf$/,
    loader: 'url?limit=10000&mimetype=application/octet-stream',
  },
  {
    test: /\.svg$/,
    loader: 'url?limit=10000&mimetype=image/svg+xml',
  },
],
}