Javascript 无法在next.js中导入coreui/react组件。获取错误

_app.js 正如您在下面的代码中所看到的，我正在_app.js中全局导入css，我正在尝试在Login.js中获取@corei/react组件，但我正在尝试从@corei/react导入组件，此时我发现错误，css模块无法从节点_模块中导入

    import "../styles/globals.css";
    import "bootstrap/dist/css/bootstrap.css";
    import "font-awesome/css/font-awesome.min.css"; 
    function MyApp({ Component, pageProps }) {
      return <Component {...pageProps} />;
    } 
    export default MyApp;
  

导入“./style/globals.css”；
导入“bootstrap/dist/css/bootstrap.css”；
导入“font awesome/css/font awesome.min.css”；
函数MyApp（{Component，pageProps}）{
返回；
} 
导出默认MyApp；

Login.js
这是login.js，我正在从@coreui/react导入AppSID和AppFooter组件

    import React, { Component } from "react";
    import { AppAside, AppFooter } from "@coreui/react";
    import {
      Button,
      Card,
      CardBody,
      CardGroup,
      Col,
      Container,
      Form,
      Input,
      InputGroup,
      InputGroupAddon,
      InputGroupText,
      Row,
    } from "reactstrap"; 
    class Login extends Component {
      render() {
        return (
          <div className="app flex-row align-items-center">
            <Container>
              <Row className="justify-content-center">
                <Col md="8">
                  <CardGroup>
                    <Card className="p-4">
                      <CardBody>
                        <Form>
                          <h1>Login</h1>
                          <p className="text-muted">Sign In to your account</p>
                          <InputGroup className="mb-3">
                            <InputGroupAddon addonType="prepend">
                              <InputGroupText>
                                <i className="fa fa-user fa-sm"></i>
                              </InputGroupText>
                            </InputGroupAddon>
                            <Input
                              type="text"
                              placeholder="Username"
                              autoComplete="username"
                            />
                          </InputGroup>
                          <InputGroup className="mb-4">
                            <InputGroupAddon addonType="prepend">
                              <InputGroupText>
                                <i className="fa fa-lock fa-sm "></i>
                              </InputGroupText>
                            </InputGroupAddon>
                            <Input
                              type="password"
                              placeholder="Password"
                              autoComplete="current-password"
                            />
                          </InputGroup>
                          <Row>
                            <Col xs="6">
                              <Button color="primary" className="px-4">
                                Login
                              </Button>
                            </Col>
                            <Col xs="6" className="text-right">
                              <Button color="link" className="px-0">
                                Forgot password?
                              </Button>
                            </Col>
                          </Row>
                        </Form>
                      </CardBody>
                    </Card>
                    <Card
                      className="text-white bg-primary py-5 d-md-down-none"
                      style={{ width: "44%" }}
                    >
                      <CardBody className="text-center">
                        <div>
                          <h2>Sign up</h2>
                          <p>
                            Lorem ipsum dolor sit amet, consectetur adipisicing
                            elit, sed do eiusmod tempor incididunt ut labore et
                            dolore magna aliqua.
                          </p>
                          {/* <Link to="/register"> */}
                          <Button
                            color="primary"
                            className="mt-3"
                            active
                            tabIndex={-1}
                          >
                            Register Now!
                          </Button>
                          {/* </Link> */}
                        </div>
                      </CardBody>
                    </Card>
                  </CardGroup>
                </Col>
              </Row>
            </Container>
          </div>
        );
      }
    }
    export default Login;

import React，{Component}来自“React”；
从“@coreui/react”导入{AppAside，AppFooter}”；
进口{
按钮
卡片
名片夹，
CardGroup，
上校，
集装箱，
形式，
输入，
输入组，
InputGroupAddon，
输入组文本，
一行
}从“反应带”；
类登录扩展组件{
render（）{
返回(
登录
登录您的帐户
登录
忘记密码了？
注册

Lorem ipsum dolor sit amet，Concertetur Adipising
Elite，请暂时加入劳工等
多洛雷·麦格纳·阿利夸。

{/*  */}
现在注册！
{/*  */}
);
}
}
导出默认登录；