Javascript ng2-Dragula动画和样式未正确导入

我已经设置了Dragula，并按照预期工作，但是样式和动画与示例页面上的不匹配。在演示页面上，当您开始拖动项目时，鼠标将移动该项目的半透明副本，直到您将其释放。当我单击并拖动一个项目时，没有半透明副本，它不会移动，直到我在新位置释放该项目时，它才会按预期移动

我已经看到了关于这个问题的一些讨论（和），并仔细检查了在我的索引页面和angular-cli.json页面上包含css（也尝试了这两个页面，一次只尝试一个，但没有效果）

css:

html:

{{item.name}

尝试在mat卡之前使用中间div，如下所示

<div [dragula]="'first-bag'">
  <div *ngFor="let item of itemArray">
    <mat-card>{{item.name}}</mat-card>
  </div>
</div>

{{item.name}

"styles": [
        "styles.scss",
        "./node_modules/dragula/dist/dragula.css",
      ],

<div [dragula]='"first-bag"' fxLayout="row wrap" fxLayoutAlign="center center" class="full-width equipped-bag">
</div>

 <div 
     fxLayout="row wrap" 
     fxLayoutAlign="center center" 
     [dragula]='"first-bag"'>
        <mat-card *ngFor="let item of itemArray">
            {{ item.name }}
        </mat-card>
</div> 

<div [dragula]="'first-bag'">
  <div *ngFor="let item of itemArray">
    <mat-card>{{item.name}}</mat-card>
  </div>
</div>