Я разрабатываю надстройку Word для Office с использованием Angular, я получил надстройку на панели действий Word, но компонент Angular не загружается (например: - home component). Ниже мой код.
index. html
<!doctype html>
<html lang="en">
<script>
__Zone_enable_cross_context_check = true;
</script>
<head>
<meta charset="utf-8">
<title>Addin</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<!-- Office JavaScript API -->
<script type="text/javascript"
src="https://appsforoffice.microsoft.com/lib/beta/hosted/office.js"></script>
<script src="https://appsforoffice.microsoft.com/lib/beta/hosted/office.debug.js"></script>
</head>
<body>
<app-root>Loading...</app-root>
</body>
</html>
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';
if (environment.production) {
enableProdMode();
}
Office.initialize = () => {
platformBrowserDynamic()
.bootstrapModule(AppModule)
.catch(error => console.error(error));
};
app.component. html
<app-home></app-home>
home.component. html
<p>home works</p>
Как видите, я еще не написали логи c. Все, что я хочу видеть, - это текст «домашние работы» на панели надстроек.
Как уже упоминалось в этом посте , я уже внес изменения в app.modules.ts
@NgModule({
declarations: [
AppComponent,
HomeComponent
],
imports: [
BrowserModule
],
providers: [
{ provide: LocationStrategy, useClass: HashLocationStrategy },
// Other providers suppressed
],
bootstrap: [
AppComponent,
HomeComponent
]
})
Я также пытался с помощью инструмента IE Debug (C: \ Windows \ SysWOW64 \ F12 \ IEChooser.exe), но журналы консоли также не поступают туда.
Я что-то здесь упускаю? Любая помощь приветствуется!.
Обновление:
Решение работает на компьютере моих друзей, и мы оба используем одну и ту же версию продуктов Office.