我的 Angular 组件没有加载到 Office Word 插件操作窗格中，尽管它在办公环境外工作正常

Question

我正在使用 Angular 开发 Office word 插件，我在 Word 操作窗格中加载了插件，但未加载 Angular 组件（例如：- home 组件）。下面是我的代码。

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>

如你所见，我还没有写任何逻辑。我只想看到单词插件窗格中的文本 "home works"。

如前所述in this post，我已经在app.modules.ts

中完成了更改

@NgModule({
  declarations: [
    AppComponent,
    HomeComponent
  ],
  imports: [
    BrowserModule
  ],
  providers: [
    { provide: LocationStrategy, useClass: HashLocationStrategy },
    // Other providers suppressed
  ],
  bootstrap: [
    AppComponent,
    HomeComponent
  ]
})

我也尝试过使用 IE 调试工具 (C:\Windows\SysWOW64\F12\IEChooser.exe)，但控制台日志也没有出现。

我在这里遗漏了什么吗？非常感谢任何帮助！

更新：

该解决方案在我朋友的机器上有效，我们都使用相同版本的 Office 产品。

Answer 1

是的，我尝试了很多东西，其中一些在下面。

检查不同节点版本的应用程序
更新 Office
重新安装 Office
多次执行应用的完整侧载

None 有效，最后有效的是，更新 Windows 10。是的，我使用的是 Windows 10 版本 1903，将其更新到版本 1909 解决了我的问题。

我的 Angular 组件没有加载到 Office Word 插件操作窗格中，尽管它在办公环境外工作正常

My Angular component is not loading in the Office Word Addin action pane, though it works fine outside the office environment

angular

ms-word

office365

office-js

word-addins