我在这里面临一个问题,我不知道当我输入服务时该怎么办服务出现以下错误
ERROR in Error:错误地遇到静态解析符号值 . 只能引用初始化变量和常量,因为模板编译器需要此变量的值(原始.ts文件中的位置175:22),解析/ Users / Frontend / node_modules / @ angular / core / src中的符号NgModule /metadata/ng_module.d.ts,解析/Users/Frontend/src/app/core/core.module.ts中的符号CoreModule,解析/Users/Frontend/src/app/core/core.module.ts中的符号CoreModule位于simplifyInContext的/Error(/Users/Frontend/node_modules/@angular/compiler/bundles/compiler.umd.js:25273:35)(/Users/Frontend/node_modules/@angular/compiler/bundles/compiler.umd.js: 25116:27)在StaticReflector.simplify(/Users/Frontend/node_modules/@angular/compiler/bundles/compiler.umd.js:25130:13)的StaticReflector.annotations(/ Users / Frontend / node_modules / @ angular / compiler /) bundles / compiler.umd.js:24558:41)在_extractLazyRoutesFromStaticModule(/ User)的_getNgModuleMetadata(/Users/Frontend/node_modules/@angular/compiler-cli/src/ngtools_impl.js:138:31) s /Frontend/node_modules/@angular/compiler-cli/src/ngtools_impl.js:109:26)在/Users/Frontend/node_modules/@angular/compiler-cli/src/ngtools_impl.js:129:27在Array . 在Object.listLazyRoutesOfModule的/extractLazyRoutesFromStaticModule(/Users/Frontend/node_modules/@angular/compiler-cli/src/ngtools_impl.js:128:10)中减少(native)(/ Users / Frontend / node_modules / @ angular / compiler-cli / src / ngtools_impl.js:53:22)在AotPlugin._getLazyRoutesFromNgtools(/ Users / Frontend)的Function.NgTools_InternalApi_NG_2.listLazyRoutes(/Users/Frontend/node_modules/@angular/compiler-cli/src/ngtools_api.js:91:39) /node_modules/@ngtools/webpack/src/plugin.js:207:44)在_donePromise.Promise.resolve.then.then.then.then.then(/ Users / Frontend / node_modules / @ ngtools / webpack / src / plugin) .js:443:24)at process._tickCallback(internal / process / next_tick.js:109:7)webpack:编译失败 .
这是我的CoreModule
import {CommonModule} from '@angular/common';
import {NgModule} from '@angular/core/src/metadata/ng_module';
import {SkipSelf, Optional} from '@angular/core';
import {HttpErrorHandler} from './services/http-error-handler';
import {AuthService} from './services/auth.service';
import {PrivatePageGuard} from './services/private-page.guard';
import {PublicPageGuard} from './services/public-page.guard';
import {XHRBackend, Http, RequestOptions, HttpModule} from '@angular/http';
import {JsonHttp} from './services';
export function createJsonHttp(xhrBackend: XHRBackend, requestOptions:
RequestOptions) {
const ngHttp = new Http(xhrBackend, requestOptions);
return new JsonHttp(ngHttp);
}
@NgModule({
imports: [
CommonModule,
HttpModule
],
exports: [],
providers: [
{
provide: JsonHttp,
useFactory: createJsonHttp,
deps: [XHRBackend, RequestOptions]
},
HttpErrorHandler,
AuthService,
PrivatePageGuard,
PublicPageGuard,
]
})
export class CoreModule {
constructor(@Optional() @SkipSelf() parentModule: CoreModule) {
if (parentModule) {
throw new Error(
'CoreModule is already loaded. Import it in the AppModule only');
}
}
}
这是我的app.module.ts,我使用coremodule
import {NgModule, ApplicationRef} from "@angular/core";
import {BrowserModule} from "@angular/platform-browser";
import {RouterModule, PreloadAllModules} from "@angular/router";
import {FormsModule, ReactiveFormsModule} from "@angular/forms";
import {ENV_PROVIDERS} from "./environment";
import {ROUTES} from "./app.routes";
import {AppComponent} from "./app.component";
import {CoreModule} from "./core";
import {HomeModule} from "./pages/home/home.module";
import {AuthModule} from "./pages/auth/auth.module";
import {HeaderModule} from "./components/header/header.module";
import {removeNgStyles, createInputTransfer, createNewHosts} from "@angularclass/hmr";
import {TransactionsModule} from "./pages/transactions/transactions.module";
@NgModule({
bootstrap: [AppComponent],
declarations: [
AppComponent
],
imports: [
BrowserModule,
RouterModule.forRoot(ROUTES, {
preloadingStrategy: PreloadAllModules
}),
FormsModule,
ReactiveFormsModule,
CoreModule,
HomeModule,
AuthModule,
HeaderModule,
TransactionsModule
],
providers: [
ENV_PROVIDERS,
]
})
export class AppModule {
constructor(public appRef: ApplicationRef) {
}
hmrOnInit(store) {
if (!store || !store.state) return;
console.log('HMR store', store);
console.log('store.state.data:', store.state.data);
// inject AppStore here and update it
// this.AppStore.update(store.state)
if ('restoreInputValues' in store) {
store.restoreInputValues();
}
// change detection
this.appRef.tick();
delete store.state;
delete store.restoreInputValues;
}
hmrOnDestroy(store) {
const cmpLocation = this.appRef.components.map(cmp => cmp.location.nativeElement);
// recreate elements
store.disposeOldHosts = createNewHosts(cmpLocation);
// inject your AppStore and grab state then set it on store
// var appState = this.AppStore.get()
store.state = {data: 'yolo'};
// store.state = Object.assign({}, appState)
// save input values
store.restoreInputValues = createInputTransfer();
// remove styles
removeNgStyles();
}
hmrAfterDestroy(store) {
// display new elements
store.disposeOldHosts();
delete store.disposeOldHosts;
// anything you need done the component is removed
}
}
至于我的app.routes.ts:
import {Routes} from "@angular/router";
import {HomeComponent} from "./pages/home/home.component";
import {AuthComponent} from "./pages/auth/auth.component";
import {PrivatePageGuard} from "./core/services/private-page.guard";
import {PublicPageGuard} from "./core/services/public-page.guard";
import {TransactionsComponent} from "./pages/transactions/transactions.component";
export const ROUTES: Routes = [
{
path: 'home',
component: HomeComponent,
canActivate: [PrivatePageGuard]
},
{
path: 'transactions',
component: TransactionsComponent,
canActivate: [PrivatePageGuard]
},
{
path: 'login',
component: AuthComponent,
canActivate: [PublicPageGuard]
},
];
1 回答
你有错误的导入:
它应该是: