Android 离子5中未加载自定义组件SCC

我已经在ionic 5中创建了一个自定义组件，以下是步骤

步骤1：创建组件

ionic g组件/闪存卡

步骤2：为此组件创建一个模块<代码>离子g模块组件/闪存卡

步骤3：将

FlashCardComponent

导入flash-card.module.ts文件

步骤4：在所需页面的module.ts文件中导入

FlashCardModule

这是我采取步骤的帖子：

我在组件中有一些自定义sccs代码：

  .ios, .md {

    flash-card {

      

        /* entire container, keeps perspective */
        .flip-container {
            perspective: 1000px;
        }

            /* flip the pane when hovered */
            .flip-container.flipped .flipper {
                transform: rotateY(180deg);
            }

        .flip-container, .front, .back {
            width: 90vw;
            height: 40vh;
            margin: 20px auto;
        }

        /* flip speed goes here */
        .flipper {
            transition: 0.6s;
            transform-style: preserve-3d;

            position: relative;
        }

        /* hide back of pane during swap */
        .front, .back {
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #ecf0f1;
            backface-visibility: hidden;
            -webkit-box-shadow: 0px 8px 4px -4px rgba(163,163,163,0.25);
            -moz-box-shadow: 0px 8px 4px -4px rgba(163,163,163,0.25);
            box-shadow: 0px 8px 4px -4px rgba(163,163,163,0.25);
            border: 1px solid #dee2e3;
            margin: 0;
            position: absolute;
            top: 0;
            left: 0;
        }

        /* front pane, placed above back */
        .front {
            z-index: 2;
            /* for firefox 31 */
            transform: rotateY(0deg);
        }

        /* back, initially hidden pane */
        .back {
            transform: rotateY(180deg);
        }

    }
}

这就是我在所需页面中调用自定义组件的方式：

<app-flash-card>

    <div class="flash-card-front">FRONT</div>

    <div class="flash-card-back">BACK</div>

</app-flash-card>

---

您的组件名为
应用程序闪存卡
，但您的scss文件声明
闪存卡
。因此，更新它可能会有所帮助：

.ios、.md{
应用程序闪存卡{

好的，我看了教程，它有点错误。我修复了这里和那里的位，这是

基本上改变这部分

 .ios, .md {

    flash-card {


到

您好@eko，谢谢您的时间。我已经更新了我的scss文件，但是我没有看到样式。我将上传一个屏幕截图。我在您的scss和html中没有看到任何匹配的样式。您的html有
闪存卡正面
类，但是您的scss没有遵循本教程，但这是基于Ionic 2和3的。我尝试将其转换为Ionic 5：我认为你没有正确地遵循教程。我将尝试创建一个stackblitz，以便你可以复制它。我已经更新了我的答案
:host {