Angular mat-select-autocomplete 无法编译错误答案

【问题标题】：Angular mat-select-autocomplete failed to compile errorAngular mat-select-autocomplete 无法编译错误
【发布时间】：2025-12-14 20:10:01
【问题描述】：

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 我垫选择自动完成 npm install select-autocomplete --save

之后，当我运行角度时，我遇到了错误

如何解决？

【问题讨论】：

标签： angular autocomplete angular-material angular8

【解决方案1】：

转到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

【讨论】：

【解决方案2】：

您是否已经尝试过像这样导入它

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

...而不是？

有关 Angular 8 Material 以及如何使用它的更多详细信息，您可以在这里查看：https://v8.material.angular.io/guide/getting-started

【讨论】：

【解决方案3】：

以版本为准

节点模块/select-autocomplete/fesm2015/select-autocomplete.js 的变化

来自

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

到

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

【讨论】：