角度误差:"mdb-select"不是已知元素



我正在使用Angular的MDB专业版,但我面临奇怪的错误:MDB -select现在是一个已知的元素

我假设我错过了一些进口,但我不知道是哪个

我component.html

<mdb-form-control>
<mdb-select>
<mdb-option *ngFor="let option of options" [value]="option.value">{{
option.label
}}</mdb-option>
</mdb-select>
<label mdbLabel class="form-label">Example label</label>
</mdb-form-control>

这是我的app.module.ts文件和我的导入

import { LOCALE_ID, NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { registerLocaleData } from '@angular/common';
registerLocaleData(localeSl);
import { MdbFormsModule } from 'mdb-angular-ui-kit/forms';
import { MdbAutocompleteModule } from 'mdb-angular-ui-kit/autocomplete';
import { MdbAccordionModule } from 'mdb-angular-ui-kit/accordion';
import { MdbTooltipModule } from 'mdb-angular-ui-kit/tooltip';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { HashLocationStrategy, LocationStrategy } from '@angular/common';
import { SpinnerComponent } from './components/spinner/spinner.component';
import { HTTP_INTERCEPTORS } from '@angular/common/http';
import { HttpIntercepter } from './interceptor/http-interceptor';

还有我的包裹。如果有些东西没有正确安装,可能br

{
"name": "search",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"watch": "ng build --watch --configuration development",
"test": "ng test",
"build:elements": "ng build --output-hashing none && node build.js"
},
"private": true,
"dependencies": {
"@angular/animations": "~12.2.0",
"@angular/cdk": "^12.0.0",
"@angular/common": "~12.2.0",
"@angular/compiler": "~12.2.0",
"@angular/core": "~12.2.0",
"@angular/forms": "~12.2.0",
"@angular/http": "^7.1.1",
"@angular/platform-browser": "~12.2.0",
"@angular/platform-browser-dynamic": "~12.2.0",
"@angular/router": "~12.2.0",
"@fortawesome/fontawesome-free": "^5.15.1",
"chart.js": "^3.1.1",
"concat": "^1.0.3",
"mdb-angular-ui-kit": 
"git+https://oauth2:H5cd9vDAeF4zLr17T9B9@git.mdbootstrap.com/mdb/angular/mdb5/prd/mdb5- 
angular-ui-kit-pro-essential",
"mdb-ui-kit": "git+https://oauth2:H5cd9vDAeF4zLr17T9B9@git.mdbootstrap.com/mdb/standard/mdb- 
ui-kit-pro-essential#3.8.1",
"rxjs": "~6.6.0",
"tslib": "^2.3.0",
"zone.js": "~0.11.4"
},
"devDependencies": {
"@angular-devkit/build-angular": "~12.2.13",
"@angular/cli": "~12.2.13",
"@angular/compiler-cli": "~12.2.0",
"@types/jasmine": "~3.8.0",
"@types/node": "^12.11.1",
"typescript": "~4.3.5"
}
}

我解决了:我需要把它导入到app.module.ts文件

import { MdbSelectModule } from 'mdb-angular-ui-kit/select';

最新更新