TypeScript 扩充 Window 不在单独的文件中工作

Question

I'm looking to add another property to window . I can do that with this:

// global.d.ts

import { IConfig } from './src/models';
export {};

declare global {
    interface Window {
        _env: IConfig;
    }
}

But then when I try to reference this new property in a different file, it complains:

// src/util.ts

// Property '_env' does not exist on type 'Window & typeof globalThis'.
export const URL = `https://example.com/${window._env.path}`;

But when I combine these into the same file, everything is fine and there are no errors. Is there anyway I can have these in a separate file?

I'm using TypeScript 4.1.2.

Answer 1

I went down a bit of a rabbit hole but found this relevant documentation

I was able to accomplish this exactly as you have written (different type of course) in an existing angular 8 project and svelte project using their existing polyfills.ts files for my global declaration.

Are you sure you tsconfig.json is compiling everything correctly?