我正在开发登录屏幕。使用postCSS进行样式设计。在Login.js中导入我的样式时，在屏幕快照中给出了以下错误

Question

我无法导入样式

从“ ./Login.css”导入样式；

Answer 1

This is Login.css

            .loginContainer {
          display: flex;
          flex-direction: column;
          flex: 1;
          justify-content: center;
          align-items: center;
          background-color: red;
        }


    This is This is Login.js

    import React, { Component } from "react";
    import { connect } from "react-redux";


    import styles from "./Login.css";

    export default class Login extends Component {
      constructor(props) {
        super(props);
      }

      render() {
        return <div className={styles.loginContainer} />;
      }
    }