Я уже настроил 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);