首页 文章

错误:静态解析符号值时遇到错误 . 只能引用初始化变量和常量

提问于
浏览
3

我在这里面临一个问题,我不知道当我输入服务时该怎么办服务出现以下错误

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 回答

  • 3

    你有错误的导入:

    import {NgModule} from '@angular/core/src/metadata/ng_module';
    

    它应该是:

    import {NgModule} from '@angular/core';
    

相关问题