Угловой код JS не работает с внешним плагином

Question

• Я пытаюсь использовать домофон в своем приложении для мониторинга активности пользователей.
• он работает нормально, когда я помещаю внутри тега script в index.html
• но когда я пытаюсь использовать в.ts файл, я получаю ошибку ниже.app / components / rocket / rocket-search.ts (63,10): ошибка TS2339: свойство 'intercomSettings' не существует для типа 'Window'.
• Можете ли вы сказать мне, как это исправить.
• предоставив мой код ниже

не работает код

import { Component, ElementRef, Input, Output, EventEmitter, Inject, OnInit, ViewChild } from '@angular/core';
import { KendoGridComponent } from '../grid/grid.component'
import { Router } from '@angular/router';
import { sportsService } from '../../services/sports.service';


@Component({
    selector: 'rocketSearch',
    templateUrl: "./app/components/rocket/rocket-search.html",
})

export class rocketSearch {
    /* Localization variables */

    @Output() rocketSearchEmitter: EventEmitter<any> = new EventEmitter<any>();

    private dataSourceVal;
    private MainGrid;
    private grid;
    private titles;
    public rocketRef;

    constructor( public elementRef: ElementRef, public router: Router, public sportsService: sportsService) {
    }
    private kendocommand = {
        edit: { createAt: "bottom" },
        autoBind: false,
        excelFileName: {
            fileName: "",
            allPages: true
        }
    }

    ngOnInit() {

        let that = this;
        let attributes = this.sportsService.getSeesionStorageValue();
        // if (attributes) {
        //  this.userId = attributes.user_attributes.SSO[0];
        // }

        //app/components/rocket/rocket-search.ts(63,10): error TS2339: Property 'intercomSettings' does not exist on type 'Window'.


        window.intercomSettings = {
            app_id: 'irgooiqb',
            name: "Jane Doe", // Full name
            email: "[e-mail]", // Email address
            created_at: 1312182000 // Signup date as a Unix timestamp
        };
        //console.log(.log(this.userId);
    }

}

рабочий код внутри index.html

<script>
    (function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',intercomSettings);}else{var d=document;var i=function(){i.c(arguments)};i.q=[];i.c=function(args){i.q.push(args)};w.Intercom=i;function l(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/APP_ID';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);}if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})()
</script>

<script>
    let players=this.sportsService.marksSession();
    console.log("players--->" + players);
    if(players) {
        this.userId = players.user_players.SSO[0];
    }

    Intercom('trackEvent', 'share-link');

    window.intercomSettings = {
        app_id: 'APP_ID',
        name: "Jane Doe", // Full name
        email: "[e-mail]", // Email address
        created_at: 1312182000 // Signup date as a Unix timestamp
    };
</script>

Answer 1

Ну, это не сработает, код в вашем HTML на самом деле получает библиотеку внутренней связи JS из URL https://widget.intercom.io/widget/APP_ID какой код в вашей машинописи нет. Лучшим подходом является установка пакета npm для внутренней связи, который затем можно импортировать в ваш код, однако я не пишу машинописный текст, поэтому я не уверен, возникнут ли какие-либо проблемы с использованием этого пакета в машинописном режиме.