React не применяются стили

[SnapeEye]

Доброго времени суток!

Имею следующую ситуацию - подключаю к js файлу css stylesheet, но стили не применяются. Имена классов в теги добавляются, а стилей нет.
Не добавляются как в таком варианте:

import React from 'react';
import './index.css'; // ФАЙЛ СО СТИЛЯМИ
 
export default class RegisterForm extends React.Component {
    render() {
        return (
            <div>
                <div className='margin_top_20'>
                    <input type='button' value='Register' />
                </div>
 
                <div className='margin_top_20'>
                    <a href=''>If you are already registered - Sign In</a>
                </div>
            </div>
        );
    }
}

Так и в таком:

import './index.css'; // ФАЙЛ СО СТИЛЯМИ
ReactDOM.render(
       React.createElement('div', {className: 'posCenter', id: 'registration'}, null),
       document.body
);

Файл со стилями выглядит так:

.posCenter {
    text-align: center;
}
 
.posRight {
    text-align: right;
}
 
.posCenter p {
    margin-bottom: 0px;
}
 
.margin_top_20 {
    margin-top: 20px;
}
 
ul li {
    cursor: pointer;
    position: relative;
}
 
ul li:hover {
    background: #ddd;
}
 
ul li.checked {
    background: #888;
    color: #fff;
    text-decoration: line-through;
}
 
.close {
    position: absolute;
    right: 0;
    top: 0;
}
 
.close:hover {
    background-color: #f44336;
    color: white;
}

Проверял в интернете, такой способ подключения и использования корректен.
Подскажите, пожалуйста, в чем проблема?

Заранее благодарю за любые советы и подсказки!

[ADSoft]

посмотрите ошибки в консоли ....
может дело в путях к css ? посмотрите вкладку сеть - подгружается ли он

[SnapeEye]

Сообщение от ADSoft

посмотрите ошибки в консоли ....
может дело в путях к css ? посмотрите вкладку сеть - подгружается ли он

В Source нашел index.css, однако компоновщик его несколько преобразил:

exports = module.exports = require("../node_modules/css-loader/lib/css-base.js")(undefined);
// imports


// module
exports.push([module.id, ".posCenter {\n\ttext-align: center;\n}\n\n.posRight {\n\ttext-align: right;\n}\n\n.posCenter p {\n\tmargin-bottom: 0px;\n}\n\n.margin_top_20 {\n\tmargin-top: 20px;\n}\n\n/* Style the list items */\nul li {\n    cursor: pointer;\n    position: relative;\n}\n\n/* Darker background-color on hover */\nul li:hover {\n    background: #ddd;\n}\n\n/* When clicked on, add a background color and strike the text */\nul li.checked {\n    background: #888;\n    color: #fff;\n    text-decoration: line-through;\n}\n\n/* Style the close button */\n.close {\n    position: absolute;\n    right: 0;\n    top: 0;\n}\n\n.close:hover {\n    background-color: #f44336;\n    color: white;\n}", ""]);

// exports



//////////////////
// WEBPACK FOOTER
// ./node_modules/css-loader?{"importLoaders":1}!./node_modules/postcss-loader/lib?{"ident":"postcss"}!./src/index.css
// module id = ./node_modules/css-loader/index.js?{"importLoaders":1}!./node_modules/postcss-loader/lib/index.js?{"ident":"postcss"}!./src/index.css
// module chunks = 0

Он всё в одну строку добавил... Это нормально?