打字稿错误：“Window”类型上不存在“_myApiUrl”属性

Question

I am new to typescript and I run into a problem. I had this method in a Typescript (.ts) file:

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss'],
  providers: [Service1, Service2]
})

export class AppComponent implements OnInit, OnDestroy {
// more code here
    myMethod() {
       this.isLoading = true;
       const serverPath = 'http://myApiUrl';
       // more code here
    }
// more code here
}

I have replaced http://myApiUrl with a variable window._myApiUrl and I get the error:

Property '_myApiUrl' does not exist on type 'Window' 

myMethod() {
    this.isLoading = true;
    const serverPath = window._myApiUrl;
    // more code here
}

Why does this happen? How can I fix the issue?

Answer 1

Typescript doesn't know that variable exists. You can declare it:

declare global {
    interface Window {
        _myApiUrl: string;
    }
}

export class...