Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
record.factory不是Javascript页面上的函数错误_Javascript_Angular_Typescript - Fatal编程技术网

record.factory不是Javascript页面上的函数错误

record.factory不是Javascript页面上的函数错误,javascript,angular,typescript,Javascript,Angular,Typescript,编译我的应用程序并运行时,HTML页面显示为空白,不会显示该应用程序。我可以在Google Chrome上使用Inspect工具,Chrome说,record.factory不是一个功能,页面工作正常。然而,我最近确实将我的angular版本更新为最新版本,所以我不确定这是否与此有关 这是我的module.ts代码,我怀疑这与导入有关,通常情况下,当我遇到应用程序未显示的问题时: import { BrowserModule } from '@angular/platform-browser';

编译我的应用程序并运行时,HTML页面显示为空白,不会显示该应用程序。我可以在Google Chrome上使用Inspect工具,Chrome说,record.factory不是一个功能,页面工作正常。然而,我最近确实将我的angular版本更新为最新版本,所以我不确定这是否与此有关

这是我的module.ts代码,我怀疑这与导入有关,通常情况下,当我遇到应用程序未显示的问题时:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { HttpClientModule } from '@angular/common/http';  
import { ItemService } from './items.service';
import { NewItemFormComponent } from './new-item-form/new-item-form.component';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatInputModule } from '@angular/material/input'; 
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { FormsModule } from '@angular/forms';
import { Platform } from '@angular/cdk/platform';
import { AutofillMonitor } from '@angular/cdk/text-field';
import { ContentObserver } from '@angular/cdk/observers';

@NgModule({
  declarations: [
    AppComponent,
    NewItemFormComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    HttpClientModule,
    MatFormFieldModule,
    MatInputModule,
    BrowserAnimationsModule,
    FormsModule
  ],
  providers: [ItemService, Platform, BrowserModule,
    AppRoutingModule,
    HttpClientModule,
    MatFormFieldModule,
    MatInputModule,
    BrowserAnimationsModule,
    FormsModule, AutofillMonitor, ContentObserver],
  bootstrap: [AppComponent]
})
export class AppModule { }

有什么想法吗?

创建一个
角度模块
,然后在角度模块中创建函数。如果使用角度9或角度6,则需要进行注释

@在您的路由或其他路径中的Injectable()

范例

//   @Injectable()  comment this code

 @NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule],
providers: [] 
 })

从提供商列表中删除该服务。我也遇到了同样的问题,当我这样做时,问题得到了解决。

我也遇到了类似的错误,帮助了我。当您使用以不同版本编译的包时,会发生这种情况:

“必须使用完全相同的版本编译和运行包 角度;任何其他组合都不受支持,可能会断裂 微妙的方式。”


您好,谢谢您的回复,您介意为我详细说明吗?您确定您应该将这些模块包含在提供者部分中吗?我想没有