TypeScript custom function not recognized in shared utility class

I have a TypeScript class implements an Interface with the following declarations. In the class I imported the .js at the beginning of the class file and implemented every function. All works fine, until I added a new function in the Interface and implemented the new function in the class. When the project is published to an IIS host, the Edge browser doesn’t recognize the additional function until I compiled the project several times. However, the new function is immediately recognized at compile time. Does any know why?

export interface ICommonUtility {
  isDate(aDate: Date): boolean;
  isEmpty($this: any): boolean;
  isTheSame($this: any, oldValue: string, currentValue: string): boolean;
  getCRUD($this: any, oldValue: string, currentValue: string): string;
  getControlValue($this: any): number;
  resetControlValue($this: any, newValue: string)
  getTextPixels(someText: string, font: any);
  breakLongSentence(thisSelectElement);
}
/// <reference path="../../node_modules/@types/jquery/jquery.d.ts" />

import { ICommonUtility } from "../appModels/ICommonUtility.js";

export class Utility implements ICommonUtility {
  isDate(aDate: Date): boolean {
   
  }

  isEmpty($this: any): boolean {
    
  }

  isTheSame($this: any, oldValue: string, currentValue: string): boolean {

  }

  getCRUD($this: any, oldValue: string, currentValue: string): string {
    
  }

  getControlValue($thisControl: any, valueSource: string = 'other'): any {
 
  }

  resetControlValue($thisControl: any, newValue: string) {

}

  getTextPixels(someText: string, font: any) {

  }

  breakLongSentence(thisSelectElement: any) {

  }
}