Angular 6 App在ng构建上运行良好。
但是在ng构建中--prod app UI被加载,但是在登录时,我将从服务器获得coorect数据,之后我通过代码this.router.navigate(['/dashboard']);导航到仪表板页面,我得到的错误如下
错误错误:未捕获(在promise中):错误: StaticInjectorError(a) t : StaticInjectorError(Platform: core)t: NullInjectorError: t没有提供程序!错误: StaticInjectorError(a) t : StaticInjectorError(Platform: core)t: NullInjectorError: t没有提供程序!at t.get ( main.aa8ef128615c160bd861.js:1 ) at main.aa8ef128615c160bd861.js:1 at t (main.aa8ef128615c160bd861.js:1) at Da (main.aa8ef128615c160bd81.js:1) at t.get (main.aa8ef128615c160bd81.js:1) at t(main.a8ef12815c16160bd81.js:1) at t.get (main.aa8ef12815c160bd81.js:1) at Da(main.aa8ef128615c160bd81.js:1) at t.get (main.a8ef128615c160bd81.js:1) at t.getToken (main.a8ef128615c0bd81.js:1) at t.getToken(main.a8ef128615c0bd81.js:1)at t.getToken(main.a8ef128615c160bd81.js:1).aa8ef128615c160bd861.js:1) at main.aa8ef128615c160bd861.js:1 at t ( main.aa8ef128615c160bd861.js:1 ) at t.get (main.aa8ef128615c160bd861.js:1) at main.aa8ef128615c160bd861.js:1 at t(main.a8ef12815c16615c160bd81.js:1) at t.get (main.a8ef128615c160bd861.js:1) at Da (main.aa8ef12815c160bd861.js:1) at t.get (main.a8ef128615c160bd81.js:1) at t.getToken (main.aa8ef128615c160bd81.js:1) at polyfills.9a5f6d04e0781d28c53e.js:1(main.a8ef12815c160bd81.js:1) at polyfills.9a5f6d04e0781d28c53e.js:1J ( polyfills.9a5f6d04e0781d28c53e.js:1 ) at polyfills.9a5f6d04e0781d28c53e.js:1 at e.invokeTask (polyfills.9a5f6d04e0781d28c53e.js:1) at Object.onInvokeTask (main.aa8ef128615c160bd861.js:1) at e.invokeTask (polyfills.9a5f6d04e0781d28c53e.js:1) at t.runTask (polyfills.9a5f6d04e0781d28c53e.js:1) at d (polyfills.9a5f6d04e0781d28c53e.js:1) at t.invokeTask as invoke at _ (polyfills.9a5f6d04e0781d28c53e.js:1)
我的App.module.ts看起来像
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { BsDatepickerModule } from 'ngx-bootstrap';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { HttpClientModule } from '@angular/common/http';
import { ChartsModule } from 'ng2-charts';
import { AppComponent } from './app.component';
import { HomeComponent } from './home/home.component';
import { MaterialModule } from './angular-material/material.module';
import { DashboardComponent } from './dashboard/dashboard.component';
import { AppRoutingModule } from './app.routing-module';
import { FiltersComponent } from './filters/filters.component';
import { SearchComponent } from './search/search.component';
import { ChartComponent } from './chart/chart.component';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { KeysPipe } from './shared/pipes/keys.pipe';
import { PdfViewerModule } from 'ng2-pdf-viewer';
import { AboutComponent } from './about/about.component';
@NgModule({
declarations: [
AppComponent,
HomeComponent,
DashboardComponent,
FiltersComponent,
SearchComponent,
ChartComponent,
KeysPipe,
AboutComponent
],
imports: [
BrowserModule,
BrowserAnimationsModule,
FormsModule,
ReactiveFormsModule,
MaterialModule,
ChartsModule,
HttpClientModule,
BsDatepickerModule.forRoot(),
AppRoutingModule,
PdfViewerModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }应用程序环境是:
Angular CLI: 6.0.8
Node: 10.2.1
OS: linux x64
Angular: 6.0.4
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router
- 0.6.8, .6.8, .6.8, .6.8, -0.6.8, @angular/cdk -6.2.1, @angular/cli -6.0.8, @angular/material - 6.2.1, - 6.0.8, .6.8, - 0.6.8 , rxjs-6.2.1, typescript -2.7.2, webpack -4.8.3发布于 2019-12-13 15:36:59
我在我的一个组件中遇到了同样的问题,缺少提供者,为了更容易调试,我建议这样做:
通过进入angular.json文件并编辑production: object来启用详细输出,以便:"aot":true,"optimization":false,"buildOptimizer":false。
这将在构建过程中删除丑化,以便错误日志包含缺少的模块名称
发布于 2018-06-13 20:58:28
问题是,
我在app-routing.module.ts文件中使用了CanActivateChild authgaurd服务,这个服务应该在app.module.ts提供者数组中提供,我错过了。
在应用程序模块文件的提供者数组中提供该服务,然后运行良好。
但是在dev(ng build)构建中,它没有抛出任何错误。
发布于 2018-06-13 20:01:08
您是否使用任何服务从服务器获取数据?因为我看不到任何服务添加到您的应用程序模块中。请检查这可能是一个问题。
https://stackoverflow.com/questions/50836353
复制相似问题