Angular функциональных модулей dragdropmodule неизвестное свойство - PullRequest
0 голосов
/ 18 июня 2020

Я пытаюсь разбить приложение на модули. Я выполнил следующие инструкции: https://angular.io/guide/feature-modules

При попытке импортировать модуль draganddrop в компонент под модулем функции я получаю следующую ошибку:

Can't bind to 'cdkDropListData' since it isn't a known property of 'div'. ("
    class="container"
    cdkDropList
    [ERROR ->][cdkDropListData]="data"
    (cdkDropListDropped)="drop($event, i)"
  >

Что я сделал: 1. Добавил FeatureModule в импорт app.module.ts 2. Добавил DragDropModule в импорт и экспорт в feature.module.ts

Кто-нибудь может посоветовать мне, что я делаю неправильно?

@NgModule({
 imports: [CommonModule, FontAwesomeModule, DragDropModule],
 declarations: [DashboardComponent],
 exports: [DragDropModule]
 })
 export class FeatureModule {}

упаковка. json

{ "name": "angular-app", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" }, "private": true, "dependencies": { "@angular/animations": "~9.1.9", "@angular/cdk": "^9.2.4", "@angular/common": "~9.1.9", "@angular/compiler": "~9.1.9", "@angular/core": "~9.1.9", "@angular/forms": "~9.1.9", "@angular/platform-browser": "~9.1.9", "@angular/platform-browser-dynamic": "~9.1.9", "@angular/router": "~9.1.9", "@auth0/angular-jwt": "^4.2.0", "@fortawesome/angular-fontawesome": "^0.6.0", "@fortawesome/fontawesome-svg-core": "^1.2.27", "@fortawesome/free-solid-svg-icons": "^5.12.1", "@ngrx/store": "^9.2.0", "angular-font-awesome": "^3.1.2", "bootstrap": "^4.5.0", "jquery": "^3.5.1", "rxjs": "~6.5.4", "tslib": "^1.10.0", "zone.js": "~0.10.2" }, "devDependencies": { "@angular-devkit/build-angular": "~0.901.7", "@angular/cli": "~9.1.7", "@angular/compiler-cli": "~9.1.9", "@types/node": "^12.11.1", "@types/jasmine": "~3.5.0", "@types/jasminewd2": "~2.0.3", "codelyzer": "^5.1.2", "jasmine-core": "~3.5.0", "jasmine-spec-reporter": "~4.2.1", "karma": "~5.0.0", "karma-chrome-launcher": "~3.1.0", "karma-coverage-istanbul-reporter": "~2.1.0", "karma-jasmine": "~3.0.1", "karma-jasmine-html-reporter": "^1.4.2", "protractor": "~7.0.0", "ts-node": "~8.3.0", "tslint": "~6.1.0", "typescript": "~3.8.3" } }</p> <p>

...