bootstrap.min.css: 1 Uncaught Error: Ошибка синтаксического анализа модуля: неожиданный токен (6: 3) Вам может потребоваться соответствующий загрузчик для обработки этого типа файла

Question

bootstrap.min.css: 1 Uncaught Ошибка: сбой синтаксического анализа модуля: неожиданный токен (6: 3) Вам может потребоваться соответствующий загрузчик для обработки этого типа файла, в настоящее время загрузчики не настроены для обработки этого файла.См. https://webpack.js.org/concepts#loaders

  const path = require("path");
    const webpack = require("webpack");
    const webpackMerge = require("webpack-merge");
    const HtmlWebpackPlugin = require("html-webpack-plugin");
    const modeConfiguration = env => require(`./build-utils/webpack.${env}`)(env);

    module.exports = ({ mode } = { mode: "development" }) => {
        console.log(`mode is: ${mode}`);

        return webpackMerge(
            {
                mode,
                entry: "./src/index.js",
                devServer: {
                    host: '10.0.4.21',
                    port: '3002',
                    hot: true,
                    open: true
                },
                output: {
                    publicPath: "/",
                    path: path.resolve(__dirname, "build"),
                    filename: "bundled.js"
                },
                externals: {
                // require("jquery") is external and available
                //  on the global var jQuery
                "jQuery": "jQuery"
                },
                module: {
                    rules: [
                        {
                            test: /\.(js|jsx)$/,
                            exclude: /node_modules/,
                            loader: "babel-loader"
                        },
                        {
                            test: /\.(png|j?g|svg|gif)?$/,
                            use: 'file-loader'
                        }
                    ]
                },
                plugins: [
                    new HtmlWebpackPlugin({
                        template: "./public/index.html"
                    }),
                    new webpack.ProvidePlugin({
                        $: 'jquery',
                        jQuery: 'jquery',
                        'window.jQuery': 'jquery',
                        Popper: ['popper.js', 'default']
                    }),   
                    new webpack.HotModuleReplacementPlugin()
                ]
            },
            modeConfiguration(mode)
        );
    };

// build_utils/webpack.development.js
module.exports = () => ({
  module: {
    rules: [
      {
        test: /\.(sa|sc|c)ss$/,
        exclude: /node_modules/,
        use: ["style-loader", "css-loader", "sass-loader"],
      }
    ]
  }
});

Я получаю странную ошибку при импорте bootstrap.min.css в index.js. Может, посмотрите на это и предложите, чего мне здесь не хватает.

Даже я уже загрузил CSS-загрузчик, style-загрузчик и sass-загрузчик