Как я могу установить отдельные проекты mixpanel для разработки и производства в angular5 / angularitics - PullRequest
0 голосов
/ 17 мая 2018

Я уже настроил mixpanel в своем приложении 5 angular. Теперь я хочу отделить проект mixpanel для производства и разработки. Я уже добавил фрагмент сценария mixpanel в index.html в разделе head, содержащем токен производственного проекта. Теперь мне нужно добавить еще один токен и выбрать его в зависимости от выбранной среды, но переменная окружения недоступна в index.html. Я не хочу иметь два отдельных index.html в моем проекте. Другим способом, как предложено здесь ( Как интегрировать mixpanel с angular2 ). Я установил токен из main.ts, но он не может получить доступ к переменной среды. Есть ли способ установить токен в index.html на основе в выбранной среде?

Я получаю следующую ошибку:

ОШИБКА в /home/Project/src/main.ts (9,27): свойство 'mixpanel' не существует для типа '{production: boolean; }».

экспортированный ключ API из environment.ts:

export const mixpanel = { apikey: 'MY_PROJECT_TOKEN_HERE' }

main.ts

    import { enableProdMode } from '@angular/core';
    import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
    import { AppModule } from './app/app.module';
    import { environment } from './environments/environment';
    declare const mixpanel: any;

    enableProdMode();        

    mixpanel.init(environment.mixpanel.apikey);
    platformBrowserDynamic().bootstrapModule(AppModule);
...