After update webpack and Angular receives an error Cannot find name 'setImmediate'

Question

I've project created using Visual Studio Angular Template. I recently updated my Angular from 6 to 7 and Typescript to 3.1.6. Also upgraded Webpack from 3.8.1 to 3.12.0.

Now when I try to compile using webpack command I get the following error

ERROR in [at-loader] ./ClientApp/boot.server.ts:30:17
        TS2304: Cannot find name 'setImmediate'.

This error is thrown from boot.server.ts code

return platformDynamicServer(providers).bootstrapModule(AppModule).then(moduleRef => {
        const appRef: ApplicationRef = moduleRef.injector.get(ApplicationRef);
        const state = moduleRef.injector.get(PlatformState);
        const zone: NgZone = moduleRef.injector.get(NgZone);

        return new Promise<RenderResult>((resolve, reject) => {
            zone.onError.subscribe((errorInfo: any) => reject(errorInfo));
            appRef.isStable.pipe(first(isStable => isStable)).subscribe(() => {
                // Because 'onStable' fires before 'onError', we have to delay slightly before
                // completing the request in case there's an error to report
                setImmediate(() => {
                    resolve({
                        html: state.renderToString()
                    });
                    moduleRef.destroy();
                });
            });
        });
    });

I'm trying to fix this for some time but no success. Any idea>

I didn't find a solution to this. So in end I commented out the code — Nouman Bhatti, Jan 02 '19 at 21:58

Kyle · Accepted Answer · 2019-01-07T20:49:44.997

I was having the same problem, but I think I figured out what the issue was. I had to install the typing declaration files for node.

In package.json add

"@types/node": "10.12.18",

Also make sure that your tsconfig.json is including the type files correctly. Either add 'node' to your "types" array if you are explicitly including the type files manually:

"types": ["node"]

or use the "typeRoots" property:

"typeRoots": [ "node_modules/@types" ]

I prefer the second option, as then all the @type packages you install will automatically get recognized by your IDE.

This question is for a similar issue, the answer there goes into more detail than I did: typescript getting error TS2304: cannot find name ' require'

One thing to note here this solution doesn't work with webpack v4 — Nouman Bhatti, Oct 29 '19 at 01:13

score 1 · Answer 2 · answered Aug 14 '19 at 10:31

You can use (window) before setImmediate

return new Promise<RenderResult>((resolve, reject) => {
        zone.onError.subscribe((errorInfo: any) => reject(errorInfo));
        appRef.isStable.first(isStable => isStable).subscribe(() => {
            // Because 'onStable' fires before 'onError', we have to delay slightly before
            // completing the request in case there's an error to report
            (<any>window).setImmediate(() => {
                resolve({
                    html: state.renderToString()
                });
                moduleRef.destroy();
            });
        });
    });

Ashifur rahman · Answer 3 · 2018-12-10T03:46:44.203

-1

sorry my bad. run "npm install" command from cmd or powershell. it should fix the issue.

edited Dec 10 '18 at 03:46

answered Dec 05 '18 at 00:46

Ashifur rahman

74
10

it didn't fix it. – Nouman Bhatti Dec 05 '18 at 01:08
I am getting the same error message. I am doing the same thing with upgrading everything for my .net angular project. Upgrading to the latest version. If you find a solution please post here. I am stuck as well! – user1869407 Dec 07 '18 at 16:30

After update webpack and Angular receives an error Cannot find name 'setImmediate'

3 Answers3