Стиль корневой элемент с использованием файла CSS, но не работает ⇐ CSS

[Anonymous]

У меня есть компонент входа в Reactjs: < /p>

import React from "react"
import ReactDOM from 'react-dom';
import App from "./js/components/App.js"
import './index.css';

ReactDOM.render(, document.getElementById('root'));
< /code>

Я пытаюсь стилизовать в корневом элементе внутри моего файла CSS, index.css: < /p>

#root {

background-color: brown;
height:100vh;
width:100vh;
}
< /code>

Фон, хотя и не коричневый. Глядя на стиль, воспроизводит браузер, я не вижу ни одного из этих атрибутов, применяемых к корневому элементу. < /p>

Это моя конфигурация Webpack: < /p>

const HtmlWebPackPlugin = require("html-webpack-plugin");
module.exports = {
module: {
rules: [
{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
use: {
loader: "babel-loader"
}
},
{
test: /\.html$/,
use: [
{
loader: "html-loader"
}
]
},
{
test: /\.css$/,
use: ['css-loader'],
},
]
},
plugins: [
new HtmlWebPackPlugin({
template: "./src/index.html",
filename: "./index.html"
})
]
};
< /code>

Это так, как будто он вообще не загружает файл index.css. < /p>

Подробнее здесь: https://stackoverflow.com/questions/562 ... ot-working