Webpack 无法构建sass加载程序的网页包：“0”之后的CSS无效&引用；：应为1个选择器或at规则，为；var内容=要求；

使用：babel、网页包、angular 7

这是我第一次编写webpack.config文件，在构建sass加载程序/我的scss文件时遇到了一些问题

我已尝试将sass loader降级为“sass loader”：“~6.0.7”，并添加

"stylePreprocessorOptions": {
    "includePaths": [
        "src/scss"
     ]
  },

添加到angular.json文件，但这并没有什么区别

这是我的webpack.config文件的副本：

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const Dotenv = require('dotenv-webpack');
// const MiniCssExtractPlugin = require('mini-css-extract-plugin');
// var ExtractTextPlugin = require('extract-text-webpack-plugin');
module.exports = {
  entry: { 
        'polyfills': '@babel/polyfill',
        'app': './src/main.ts'
    },
  resolve: {
        extensions: ['.ts', '.js', '.scss', '.json', '.html']
    },
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js'
  },
  devServer: {
      contentBase: './dist'
  },
  module: {
            rules: [
                {
                    test: /\.m?js$/,
                    exclude: /(node_modules)/,
                    use: {
                        loader: 'babel-loader',
                        options: {
                            presets: ['@babel/preset-env']
                        }
                    }
                },
                {
                    test: /\.(scss|css)$/,
                    use: ["raw-loader", "sass-loader"]
                 },
                {
                    test: /\.(s?css)$/,
                    use: [
                      "style-loader" ,
                      "css-loader" ,
                      "sass-loader",
                      { 
                        loader: "to-string-loader"  
                      }
                    ]

                },
                { 
                    test: /\.(html)$/, 
                    loader: 'raw-loader',
                },
                {
                    test: /\.tsx?$/,
                    loaders: [
                      {
                        loader: 'awesome-typescript-loader',
                        options: { configFileName: 'tsconfig.json' }
                      } , 'angular2-template-loader'
                    ]
                }
            ]
        },
  plugins: [
    new HtmlWebpackPlugin({
        filename: 'index.html',
        template: './src/index.html',
    }),
    new Dotenv(),
  ]
};

我不断发现以下错误：

未捕获错误：模块生成失败（从 ./node_modules/sass-loader/lib/loader.js）：

//常规吐司^ “”后的CSS无效：应为1个选择器或at规则，为“var content=requi”

./src/app/components/shared features/geo-charts/geo-charts.component.scss 模块构建失败（来自./node_modules/sass loader/lib/loader.js）：

//#chartdiv{^ “”后的CSS无效：应为1个选择器或at规则，为“var content=requi”

我是否在配置中遗漏了什么/写错了什么