SCSS样式表未应用于我的React组件

Question

我有一个名为“header”的react组件，它将成为我网页上的标题元素。目前，我对标题组件的所有内容都是：

import React from 'react'; 
import '../header/header.scss';
export default class Header extends React.Component {
render() {
 return <div className="alignment">Test</div>
}
}

我的样式表也很简单：

.alignment{
text-align: center;

}

我将标题组件放在我的主App.js页面上，但是没有显示文本对齐方式。我使用了Chrome调试工具，它甚至没有在样式中显示为类。我不知道还能做什么，也许我错过了某处的导入？