называть это
ема в том, что я вызываю функцию внутри метода forRoot следующим образом:
app.module.ts
import {environment} from '../environments/environment';
...
@NgModule({
imports: [
BrowserModule,
MyModule.forRoot({
config: {
sentryURL: environment.SENTRY_URL <-- This, calls the function
}
}),
HttpClientModule,
...
]})
environemnt.ts
export function loadJSON(filePath) {
const json = loadTextFileAjaxSync(filePath, 'application/json');
return JSON.parse(json);
}
export function loadTextFileAjaxSync(filePath, mimeType) {
const xmlhttp = new XMLHttpRequest();
xmlhttp.open('GET', filePath, false);
if (mimeType != null) {
if (xmlhttp.overrideMimeType) {
xmlhttp.overrideMimeType(mimeType);
}
}
xmlhttp.send();
if (xmlhttp.status === 200) {
return xmlhttp.responseText;
} else {
return null;
}
}
export const environment = loadJSON('/assets/config.json');
И конфиг выглядит так:
{
"production": "false",
"SENTRY_URL": "https://[email protected]/whatever/1"
}
Когда я делаю сборку с aot, он говорит:
ОШИБКА в src / app / app.module.ts (41,20): Ошибка во время компиляции шаблона. Вызовы функций «AppModule» не поддерживаются в декораторах, но «loadJSON» был вызван в «среде», «среда» вызывает «loadJSON».
Есть идеи??
:)
ОБНОВЛЕННОЕ РЕШЕНИЕ:
Мое окончательное решение в приложении - использовать функции-получатели, как сказал Сурен Срапян. В библиотеке метод forRoot должен выглядеть следующим образом:
export const OPTIONS = new InjectionToken<string>('OPTIONS');
export interface MyModuleOptions {
config: {
sentryURLGetter: () => string | Promise<string>;
}
}
export function initialize(options: any) {
console.log('sentryURL', options.config.sentryURLGetter());
return function () {
};
}
@NgModule({
imports: [
CommonModule
]
})
export class MyModule {
static forRoot(options: MyModuleOptions): ModuleWithProviders {
return {
ngModule: MyModule,
providers: [
{provide: OPTIONS, useValue: options},
{
provide: APP_INITIALIZER,
useFactory: initialize,
deps: [OPTIONS],
multi: true
}
]
};
}
}
: D