Unable to Display Elevation Chart in Angular Project with leaflet-elevation about leaflet-elevation HOT 6 CLOSED

import { SessionService }                                            from '@/controller/session.service';
import { UserRoles }                                                 from '@/interfaces/users';
import { HttpClient, HttpHeaders, HttpErrorResponse }                from '@angular/common/http';
import { Component, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';
import { MatDialog }                                                 from '@angular/material/dialog';
import { ToastrService }                                             from 'ngx-toastr';
import { environment }                                               from '../../../environments/environment';
import { RawImageComponent }                                         from './raw-image/raw-image.component';
import { HttpService }                                               from './services-map/http.service';

// @ts-ignore
import * as L from 'leaflet';
import '@/../assets/leaflet-elevation/src/index.js'; 

// provide the assets folder path
var elevation_options = {
          theme: "green-theme",  
          detached: true,
          elevationDiv: "#elevation-div",
          autohide: false,
          collapsed: false,
          position: "topright",
          closeBtn: true,
          followMarker: true,
          autofitBounds: true,
          imperial: false,
          reverseCoords: false,
          acceleration: false,
          slope: true,
          speed: false,
          altitude: true,
          time: true,
          distance: true,
          summary: 'multiline',
          downloadLink: false,
          ruler: true,
          legend: true,
          almostOver: true,
          distanceMarkers: false,
          edgeScale: false,
          hotline: true,
          timestamps: false,
          waypoints: true,
          wptIcons: {
              '': L.divIcon({
                  className: 'elevation-waypoint-marker',
                  html: '<i class="elevation-waypoint-icon"></i>',
                  iconSize: [30, 30],
                  iconAnchor: [8, 30],
              }),
          },
          wptLabels: true,
          preferCanvas: true,
          srcFolder: 'http://localhost:4200/assets/leaflet-elevation/src/',
          clear:true,
    }