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

2024-01-29

我在这里遇到问题,我不知道该怎么办> 当我打字时ng serve,出现以下错误

错误中的错误:解析符号值时遇到错误 静态地。只能引用已初始化的变量和常量 因为模板编译器需要这个变量的值 (原始.ts文件中的位置175:22),解析符号NgModule 在 /Users/Frontend/node_modules/@angular/core/src/metadata/ng_module.d.ts, 解析符号 CoreModule 中 /Users/Frontend/src/app/core/core.module.ts,解析符号 /Users/Frontend/src/app/core/core.module.ts 中的 CoreModule 在位置错误(/Users/Frontend/node_modules/@angular/compiler/bundles/compiler.umd.js:25273:35) 在 simpleInContext (/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) 在 _getNgModuleMetadata (/Users/Frontend/node_modules/@angular/compiler-cli/src/ngtools_impl.js:138:31) 在 _extractLazyRoutesFromStaticModule (/Users/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 at Array.reduce(本机) 在 _extractLazyRoutesFromStaticModule (/Users/Frontend/node_modules/@angular/compiler-cli/src/ngtools_impl.js:128:10) 在Object.listLazyRoutesOfModule(/Users/Frontend/node_modules/@angular/compiler-cli/src/ngtools_impl.js:53:22) 在 Function.NgTools_InternalApi_NG_2.listLazyRoutes (/Users/Frontend/node_modules/@angular/compiler-cli/src/ngtools_api.js:91:39) 在 AotPlugin._getLazyRoutesFromNgtools (/Users/Frontend/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) 在 process._tickCallback (内部/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');
          }
       }

   }

这是我使用 coremodule 的 app.module.ts

    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]
    },

];

您导入错误:

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

它应该是:

import {NgModule} from '@angular/core';
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

错误:静态解析符号值时遇到错误。只能引用已初始化的变量和常量 的相关文章

随机推荐