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

Question

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

[webpack] [ошибка] Сборка модуля завершилась неудачно: незакрытая цитата (3805: 24)
// Элемент обертки, который обеспечивает фон темы, когда
// пользовательский контент не внутри mat-sidenav-container.
^
.mat-app-background {
$ background: map-get ($ theme, background);
background-color: mat-color ($ background, background);
}

Я использую webpack 1.12.x и пытаюсь импортировать пользовательскую тему Angular Material в мой файл 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',
  },
],
}