Получение ошибки Module not found на терминале

Я создаю приложение на react-django, для которого я создал папку css для добавления внешнего css к моим компонентам и папку image, которая содержит все изображения, необходимые в компонентах, но когда я запускаю приложение, я получаю эту ошибку в терминале, которая показывает, что модуль не найден:

Я скачал несколько загрузчиков, таких как image-webpack-loader, file-loader и url-loader для рендеринга этих файлов, но я не настроил эти загрузчики в моем файле webpack.config.js, так как не знаю подходящего способа настройки. Вот мой файл webpack.confog.js:

const path = require("path");
const webpack = require("webpack");

module.exports = {
  entry: "./src/index.js",
  output: {
    path: path.resolve(__dirname, "./static/frontend"),
    filename: "[name].js",
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader",
        },
      },
      //additional configuration to handle *.ccs files
      {
        test: /\.css$/i,
        use: ["style-loader", "css-loader"],
      },
    ],
  },
  optimization: {
    minimize: true,
  },
  plugins: [
    new webpack.DefinePlugin({
      "process.env": {
        // This has effect on the react lib size
        NODE_ENV: JSON.stringify("production"),
      },
    }),
  ],
};

а это мой файл homepage.css, для которого я получаю ошибку :

#Homepgbtn1{
    position: absolute;
    align-items: center;
    left: 50%;
    right: 50%;
    top: 50%;
    bottom: 50%;
}
#Homepgbtn2{
    position: absolute;
    align-items: center;
    left: 48.5%;
    right: 50%;
    top: 57%;
    bottom: 50%;
    white-space: nowrap;
}
body{
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    background-color: dimgrey;
    background-image:url('"C:\Users\Kuldeep P\Desktop\RAMAN\GymWebsite\frontend\src\components\public\Sergi2.jpeg"');
}

Вернуться на верх