ERROR in Error: Error encountered resolving symbol values statically. Calling function 'TestModule', function calls are not supported. Consider replacing the function or lambda with a reference to an exported function

test.module.ts

import { NgModule, ModuleWithProviders } from '@angular/core';
import { TestService } from './test.service';

@NgModule({
	imports: [],
	declarations: [],
	exports: [],
	entryComponents: []
})
export class TestModule {
	static forRoot (): ModuleWithProviders {
		return {
			ngModule: TestModule,
                        providers: [TestService]
		};
	}
}

test.service.ts

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

@Injectable()
export class TestService {

    constructor () {
    }

    dialog () {
        return {
            action: 'test'
        };
    }

}

tsconfig.json

{
	"compilerOptions": {
		"noImplicitAny": true,
		"module": "commonjs",
		"target": "ES5",
		"emitDecoratorMetadata": true,
		"experimentalDecorators": true,
		"sourceMap": true,
		"declaration": true,
		"moduleResolution": "node",
		"noUnusedLocals": true,
		"removeComments": false,
		"skipLibCheck": true,
		"outDir": "fe-test/",
		"typeRoots": [
			"../../../node_modules/@types"
		],
        "lib": ["es2015"]
	},
	"files": [ "index.ts" ],
	"exclude": [
		"../../../node_modules"
	]
}

Usage:

cd test && tsc

import { TestModule } from './test/fe-test';

import { AppComponent } from './app.component';
import { appRoutes } from './app.routes';

@NgModule({
    declarations: [
        AppComponent
    ],
    imports: [
        BrowserModule.withServerTransition({ appId: 'ang5-seo' }),
        BrowserAnimationsModule,
        FormsModule,
        ReactiveFormsModule,
        RouterModule.forRoot(appRoutes),
        
        TestModule.forRoot()
    ],
    providers: [],
    bootstrap: [AppComponent]
})
export class AppModule {}

Development environment：

"@angular/animations": "^5.0.0",
"@angular/common": "^5.0.0",
"@angular/compiler": "^5.0.0",
"@angular/core": "^5.0.0",
"@angular/forms": "^5.0.0",
"@angular/http": "^5.0.0",
"@angular/platform-browser": "^5.0.0",
"@angular/platform-browser-dynamic": "^5.0.0",
"@angular/platform-server": "^5.0.0",
"@angular/router": "^5.0.0",
"@nguniversal/express-engine": "^5.0.0-beta.5",
"@nguniversal/module-map-ngfactory-loader": "^5.0.0-beta.5",

run

ng serve --prod

Throws Error:

ERROR in Error: Error encountered resolving symbol values statically. Calling function 'TestModule', function calls are not supported. Consider replacing the function or lambda with a reference to an exported function, resolving symbol AppModule in /Users/wangchengjun/www/yooli/mock/angular5-seo-demo/src/app/app.module.ts, resolving symbol AppModule in /Users/wangchengjun/www/yooli/mock/angular5-seo-demo/src/app/app.module.ts

[Toxicable]

Referencing your src directly rather than the compiled output makes it work meaning you likely have an issue with your bundling config. I don’t see the issue with Angular here

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}