Ошибка загрузки веб-пакета CSS Невозможно прочитать свойство split из undefined

Question

У меня есть приложение AngularJS (я знаю, очень старое!). В этом приложении я пытаюсь включить компонент React с помощью response2 angular. Намерение состоит в том, чтобы перенести существующий код AngularJS в React.

В любом случае, я использую Webpack и в соответствии с инструкциями определил загрузчики CSS в webpack.config.js как следует

module: {
  ...
  {
    test: /\.css$/,
    loader: 'style-loader!css-loader'
  }
}

И в моем компоненте React JS у меня есть следующий импорт:

import React, { Component } from 'react'
import Spinner from 'react-bootstrap/Spinner';
import Button from 'react-bootstrap/Button';
import 'bootstrap/dist/css/bootstrap.css';

Однако при запуске приложения я вижу следующее:

ERROR in ./~/css-loader/dist/cjs.js!./~/bootstrap/dist/css/bootstrap.css
Module build failed: TypeError: Cannot read property 'split' of undefined
    at Object.loader (/....../node_modules/css-loader/dist/index.js:84:33)
@ ./~/bootstrap/dist/css/bootstrap.css 2:26-86
webpack: Failed to compile.

Несмотря на мой обширный поиск в Google, мне не удалось решить эту проблему, и мне пришлось отказаться от подхода в пользу использования обычного <link> для CSS файла в индексе. html