Angular mat-select-autocomplete 编译失败错误
Angular mat-select-autocomplete failed to compile error
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 时,我遇到了上述错误
如何解决?
你有没有像这样导入过
import { MatSelectModule } from '@angular/material/select';
...代替?
有关 Angular 8 Material 及其使用方法的更多详细信息,您可以在此处查看:https://v8.material.angular.io/guide/getting-started
以版本为准
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';```
转到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
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 时,我遇到了上述错误
如何解决?
你有没有像这样导入过
import { MatSelectModule } from '@angular/material/select';
...代替?
有关 Angular 8 Material 及其使用方法的更多详细信息,您可以在此处查看:https://v8.material.angular.io/guide/getting-started
以版本为准
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';```
转到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