Javascript 网页包错误加载CSS无法读取属性'；拆分'；未定义的

我有一个AngularJS（我知道，非常旧！）应用程序。在这个应用程序中，我试图在react2angular的帮助下包含一个React组件。目的是迁移现有的AngularJS代码以进行响应

无论如何，我正在使用

Webpack

，并且按照说明，在

Webpack.config.js

中定义了CSS加载程序，如下所示

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.

---

尽管我进行了大量的谷歌搜索，但我还没有解决这个问题，不得不放弃这种方法，转而使用传统的

来处理index.html中的CSS文件。您好，您保存了这个吗？一天来都有同样的问题：-/你好-你保存了这个吗？已经有一天的时间了：-/