Ожидаемый styleUrls будет массивом строк с webpack 4 и angular 5

Question

Я обновляю проект до новых версий webpack и angular. Мой webpack.config выглядит следующим образом:

module: {
  rules: [
    {
      test: /\.js$/,
      exclude: /node_modules/,
      loader: 'babel-loader',
      options: {
        presets: ['es2015']
      }
    },
    {
      test: /\.(jpg|png|webp|gif|otf|ttf|woff|woff2|ani)$/,
      loader: "url-loader?name=[name].[hash:20].[ext]&limit=10000"
    },
    {
      test: /\.ts$/,
      loaders: ['ts-loader', 'angular2-template-loader?keepUrl=true'],
      exclude: [/\.(spec|e2e)\.ts$/]
    },
    {
      test: /\.css$/,
      use: ['style-loader', {
        loader: 'css-loader',
        options: {
          sourceMap: false,
          importLoaders: 1
        }
      }, 'postcss-loader']
    },
    {
      test: /\.html$/,
      use: 'raw-loader'
    },
    {
      test: /\.(svg)$/,
      loader: 'html-loader'
    },
  ]
}

и postcss.config:

module.exports = {
  parser: 'postcss-scss',
  plugins: {
    'postcss-import': {},
    'postcss-cssnext': {},
    'cssnano': {}
  }

Теперь я получаю сообщение об ошибке в заголовке вопроса. Я знаю, что это задавали несколько раз, но ни один из ответов не помог мне. Что не так с моими конфигами? }

Все мои компоненты имеют что-то вроде styleUrls: ['./component.style.css']. Поэтому я думаю, проблема в том, что эти файлы не могут быть прочитаны. Но я понятия не имею, почему