不支持“SharedModule”表达式表单的模板编译期间出错答案

【问题标题】：Error during template compile of 'SharedModule' Expression form not supported不支持“SharedModule”表达式表单的模板编译期间出错
【发布时间】：2020-05-05 09:05:36
【问题描述】：

我创建了这个共享模块：

@NgModule({
  declarations: [
    , DateToPersian
    , EnumToArrayPipe
    , SearchWtihInput
    , ConvertbytePipe
    , ArraySortPipe
    , MonySplitePipe
    , IsEllipsisActiveDirective

  ],
  imports: [
    CommonModule,
    FormsModule,
    MaterialFileInputModule,
    MatDatepickerModule,
    // use this if you want to use native javascript dates and INTL API if available
    // MatNativeDatetimeModule,
    MatDatepickerModule,
    ReactiveFormsModule,
    MaterialModule,
    FormsModule,
    TranslateModule.forChild()
  ],
  providers: [LogHelper, DateService,
    { provide: DateAdapter, useClass: MaterialPersianDateAdapter, deps: [MAT_DATE_LOCALE] },
    { provide: MAT_DATE_FORMATS, useValue: PERSIAN_DATE_FORMATS }

  ],
  exports: [
    MaterialModule
    , ConvertbytePipe
    , DateToPersian
    , EnumToArrayPipe
    , SearchWtihInput
    , MonySplitePipe
    , ArraySortPipe
    , IsEllipsisActiveDirective
  ],
})
export class SharedModule {
  static forRoot(): ModuleWithProviders {
    // Forcing the whole app to use the returned providers from the AppModule only.
    return {
      ngModule: SharedModule,
      providers: [LogHelper, DateService,
        { provide: DateAdapter, useClass: MaterialPersianDateAdapter, deps: [MAT_DATE_LOCALE] },
        { provide: MAT_DATE_FORMATS, useValue: PERSIAN_DATE_FORMATS }
      ],
    };
  }
}

我在app.module 中这样称呼它：

    SharedModule.forRoot(),

但是当我运行项目时，它会显示这个错误：

src/app/shared/shared.module.ts(22,18) 中的错误：“SharedModule”模板编译期间出错不支持表达式形式。

src/app/shared/shared.module.ts(22,18)：“SharedModule”模板编译期间出错不支持表达式形式。

无法确定 E:/MyProject/Ava/PFA/demo/src/app/shared/pipes/convertbyte.pipe.ts 中 ConvertbytePipe 类的模块！将 ConvertbytePipe 添加到 NgModule 以修复它。

无法确定 E:/MyProject/Ava/PFA/demo/src/app/shared/pipes/date-to-persian.pipe.ts 中 DateToPersian 类的模块！将 DateToPersian 添加到 NgModule 以修复它。

无法确定 E:/MyProject/Ava/PFA/demo/src/app/shared/pipes/EnumToArrayPipe.ts 中 EnumToArrayPipe 类的模块！将 EnumToArrayPipe 添加到 NgModule 以修复它。

无法确定 E:/MyProject/Ava/PFA/demo/src/app/shared/pipes/saerch-with-input-pipe.ts 中 SearchWtihInput 类的模块！将 SearchWtihInput 添加到 NgModule 以修复它。

无法确定 E:/MyProject/Ava/PFA/demo/src/app/shared/pipes/mony-splite.pipe.ts 中 MonySplitePipe 类的模块！将 MonySplitePipe 添加到 NgModule 以修复它。

无法确定 E:/MyProject/Ava/PFA/demo/src/app/shared/pipes/sort-pipe.ts 中类 ArraySortPipe 的模块！将 ArraySortPipe 添加到 NgModule 以修复它。

无法确定 E:/MyProject/Ava/PFA/demo/src/app/shared/directives/is-ellipsis-active.directive.ts 中 IsEllipsisActiveDirective 类的模块！将 IsEllipsisActiveDirective 添加到 NgModule 以修复它。

无法确定 E:/MyProject/Ava/PFA/demo/src/app/shared/pipes/pretty-json.ts 中 PrettyShowJson 类的模块！将 PrettyShowJson 添加到 NgModule 以修复它。

我该如何解决这个问题???????

【问题讨论】：

标签： javascript angular typescript

【解决方案1】：

第一个逗号 (,) 放错了。

@NgModule({
  declarations: [
      DateToPersian
    , EnumToArrayPipe
    , SearchWtihInput
    , ConvertbytePipe
    , ArraySortPipe
    , MonySplitePipe
    , IsEllipsisActiveDirective]

【讨论】：