无法绑定到“cdkDragFreeDragPosition”，因为它不是“div”的已知属性

如何解决无法绑定到“cdkDragFreeDragPosition”，因为它不是“div”的已知属性

我已经在下面发布了我的代码。我正在使用 angular DragDropModule 并且由于某种原因 [cdkDragFreeDragPosition] 不起作用。它给了我如下所示的错误。我将 DragDropModule 添加到我的 ngModule 中，如下所示。当我删除 [cdkDragFreeDragPosition] 标签时，拖放工作正常，但添加后它会给我如下所示的错误。 [cdkDragStartDelay]="1000" 也给出了同样的错误。我不知道为什么会出现这个问题。试图在网上找到解决方案，但找不到。任何帮助将不胜感激。

<div class="example-boundary">
<div class="example-Box"
     cdkDragBoundary=".example-boundary"
     cdkDrag
     *ngFor="let table of tables"
     id="{{table._id}}"
     (cdkDragEnded)="dragEnd($event)"
     [cdkDragdisabled]="false"
     [cdkDragFreeDragPosition]="getTablePosition(table)"
     (cdkDragMoved)="dragMoved($event,table)">{{table.username}}
</div>

import { ServerOrderComponent } from './server-order/server-order.component';
import {DragDropModule} from '@angular/cdk/drag-drop';

@NgModule({
  imports: [
    MDBBootstrapModule.forRoot(),TranslateModule.forRoot({
      loader: {
        provide: TranslateLoader,useFactory: HttpLoaderFactory,deps: [HttpClient]
      }
    }),browserModule,ReactiveFormsModule,HttpClientModule,routing,FormsModule,NotifierModule.withConfig(customNotifierOptions),HttpModule,MatIconModule,browserAnimationsModule,MatSidenavModule,MatCheckBoxModule,MatFormFieldModule,MatTableModule,MatSortModule,MatDividerModule,MatButtonToggleModule,MatProgressspinnerModule,NgMultiSelectDropDownModule.forRoot(),DragDropModule
  ],entryComponents: [],declarations: [
    AppComponent,ServerOrderComponent
  ],providers: [
  ],bootstrap: [AppComponent]
})

export class AppModule {
}

解决方法

所以环顾四周后，我决定升级到 angular material 8，因为我使用的是 angular 7，它不支持。升级后，一切正常。