Conflict with block-scoped `@types/node` on `env.d.ts` about ngx-env HOT 4 CLOSED

Maybe it'll be useful for some people. I was able to resolve the issue by using TS' merge declaration. Although be aware as it won't fail in case there is no such property in your env file.

// <project_root>/env.d.ts

declare namespace NodeJS {

  /** Merge declaration with `process` in order to override the global-scoped env. */
  export interface ProcessEnv {

    /**
     * Built-in environment variable.
     * @see Docs https://github.com/chihab/ngx-env#ng_app_env.
     */
    readonly NG_APP_ENV: string;

    // Add your environment variables below 
    /** Test data. */
    readonly NG_APP_TITLE: string;
  }
}

from ngx-env.

Shouldn't the definition file below do it?

declare var process: {
  env: {
    NG_APP_ENV: string;
    NG_APP_TITLE: string;
  };
};

Is the re-declaration error message only on VSCode or do you also get it on the command line (ng serve)?

from ngx-env.

The re-declaration is only on my IDE since the declaration file is not included in any of the applications in multiworkspace (by default). Anyway, your solution works great, thanks @chihab!

from ngx-env.

Hi

I have the same problem but I didn't understand the fix.

I have src/env.d.ts:

declare let process: {
  env: {
    NG_APP_ENV: string;
    // Replace the line below with your environment variable for better type checking
    NG_APP_apiHost: string;
    NG_APP_apiURL: string;
  };
};

and when I run my linter:

tsc --noEmit && eslint . --ext js,ts --quiet --fix

"Cannot redeclare block-scoped variable 'process'."

from ngx-env.