css not loaded properly?

[yagnikvadi2003]

bebel: "presets": ["@babel/preset-env","@babel/preset-react", "@babel/preset-typescript"]

"css-loader": "^7.1.2",
"sass": "^1.77.8",
"sass-loader": "^16.0.1",
"style-loader": "^4.0.0",

{
test: /.css$/,
// include: path.resolve(__dirname, "..", "src"),
exclude: /node_modules/,
use: [
MiniCssExtractPlugin.loader,
{
loader: "css-loader",
options: {
sourceMap: true,
esModule: false,
},
},
],
},
{
test: /.scss$/,
use: [
MiniCssExtractPlugin.loader,
'css-loader',
'sass-loader',
],
},

        new MiniCssExtractPlugin({
        // filename: '[id].css', // environment !== 'production' ? '[name].[contenthash].css' : '[name].css',
        filename: '[name].[contenthash].css',
        chunkFilename: '[id].[contenthash].css',
        runtime: false,
    }),

CSS-loder is not properly working is there your side issues ya my side issues please guide me..!

Other relevant information:
webpack version: 5.94.0
Node.js version: 20.17.0
Operating System: ubuntu 22.04
Additional tools:

[alexander-akait]

What do you mean?