Angular mat-select-autocomplete 编译失败错误

Question

Compiling mat-select-autocomplete : es2015 as esm2015
Compiling select-autocomplete : es2015 as esm2015
Error: Failed to compile entry-point mat-select-autocomplete (es2015 as esm2015) due to compilation errors:
node_modules/mat-select-autocomplete/fesm2015/mat-select-autocomplete.js:310:26 - error NG1010: Value at position 3 in the NgModule.imports of SelectAutocompleteModule 
is not a reference: [object Object]

310                 imports: [
                             ~
311                     FormsModule,
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
...
318                     ReactiveFormsModule,
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
319                 ],
    ~~~~~~~~~~~~~~~~~

Error: Failed to compile entry-point select-autocomplete (es2015 as esm2015) due to compilation errors:
node_modules/select-autocomplete/fesm2015/select-autocomplete.js:247:26 - error NG1010: Value at position 6 in the NgModule.imports of SelectAutocompleteModule is not a reference: [object Object]

247                 imports: [BrowserAnimationsModule, MatFormFieldModule, MatSelectModule, FormsModule, ReactiveFormsModule,
                             ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
248                     MatIconModule, MatCheckboxModule, MatButtonModule],
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

在component.module.ts

import { SelectAutocompleteModule } from 'mat-select-autocomplete';

在 NgModule

@NgModule({
imports: [SelectAutocompleteModule]
})

我用过 npm i mat-select-自动完成 npm install select-autocomplete --save

之后，当我运行 angular 时，我遇到了上述错误

如何解决？

Answer 1

你有没有像这样导入过

import { MatSelectModule } from '@angular/material/select';

...代替？

有关 Angular 8 Material 及其使用方法的更多详细信息，您可以在此处查看：https://v8.material.angular.io/guide/getting-started

Answer 2

以版本为准

changes in node modules/select-autocomplete/fesm2015/select-autocomplete.js

来自

 import { MatButtonModule, MatCheckboxModule } from '@angular/material';

至

import { MatButtonModule } from '@angular/material/button';
import { MatCheckboxModule } from '@angular/material/checkbox';```

Answer 3

转到node_modules\mat-select-autocomplete\fesm2015\mat-select-autocomplete.js

查找

import { MatButtonModule, MatCheckboxModule } from '@angular/material';

替换

import { MatButtonModule } from '@angular/material/button';
import { MatCheckboxModule } from '@angular/material/checkbox';

完成

或者改用这个分支库 cai-forked-mat-select-autocomplete

Angular mat-select-autocomplete 编译失败错误

Angular mat-select-autocomplete failed to compile error

angular

autocomplete

angular-material

angular8