Bootstrap 4 提取加载程序中的模块生成失败,语法错误:未知

Bootstrap 4 提取加载程序中的模块生成失败,语法错误:未知,bootstrap-4,webpack-4,css-loader,mini-css-extract-plugin,Bootstrap 4,Webpack 4,Css Loader,Mini Css Extract Plugin,我试着先运行webpack-p,然后运行npm-start来编译代码 然而,我的项目在终端上运行,我在{mini css extract plugin}[build][failed]之后立即收到错误消息 错误: ./node\u modules/bootstrap/dist/css/bootstrap.css(./node\u modules/css loader/dist/cjs.js.)中出错。./node\u modules/file loader/dist /cjs.js??ref--6

我试着先运行webpack-p,然后运行npm-start来编译代码

然而,我的项目在终端上运行,我在{mini css extract plugin}[build][failed]之后立即收到错误消息

错误:

./node\u modules/bootstrap/dist/css/bootstrap.css(./node\u modules/css loader/dist/cjs.js.)中出错。./node\u modules/file loader/dist /cjs.js??ref--6-0!。/node_modules/extract loader/lib/extract loader.js!。/node_modules/postss loader/src??ref--6-2!。/node_modules/sas s-loader/dist/cjs.js!。/node_modules/bootstrap/dist/css/bootstrap.css) 模块构建失败(来自./node_modules/extract loader/lib/extract loader.js): 语法错误:未知:意外标记(7:0)

我看过类似的帖子并尝试了所有的方法,但在使用webpack时仍然出现了模块构建失败的错误。有什么建议吗?这是我的网页配置:

 > const path = require('path');
const htmlWebpackPlugin = require('html-webpack-plugin');

const MiniCssExtractPlugin = require('mini-css-extract-plugin');

webpack = require('webpack');



module.exports = {
  entry: ['babel-polyfill', './src/js/index.js'],
output: {
    path: path.resolve(__dirname, 'dist'),
    publicPath: '/dist/',
    filename: 'bundle.js'
},
  devServer: {
    contentBase: './dist'
  },
  plugins: [
        new MiniCssExtractPlugin({
          filename: "[name].css"
        }),

    new htmlWebpackPlugin({
      filename: 'index.html',
      template: './src/index.html',
      minify: false
    })
  ],
  module: {
    rules: [
      {
        test: /\.css$/i,
        use: [MiniCssExtractPlugin.loader, 'style-loader', 'css-loader'],
      },
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use:

        {
              loader: 'babel-loader'
        }

      },
          {
              test: /\.(s*)css$/,
              use: [
                  {
                      loader: 'file-loader',

                      options: {
                          name: '[name].css',
                          outputPath: 'stylesheets/',
                          esModule: false
                      }
                  },{
  loader: 'extract-loader'

},

                  {
                      loader: 'postcss-loader',
                      options: {
                          plugins: function() {
                              return [
                                  require('precss'),
                                  require('autoprefixer')
                              ];
                          }
                      }
                  },
                  {
                      loader: 'sass-loader'
                  }
              ]
          }
    ]
  }

};