Office.js还没有完全加载：Outlook Angular插件

Question

我正在使用 Angular 处理 Outlook 加载项。我在 Outlook 中收到错误消息 Windows，加载索引页后组件未加载。 使用 Chrome 的 Outlook Web 应用程序和 Firefox 不会发生这种情况。

错误信息是：

SCRIPT5022: Office.js has not been fully loaded yet. Please try again 
later or make sure to add your initialization code on the Office.initialize function.
polyfills.bundle.js (2741,25)

这是我的 index.ts

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';
import * as $ from 'jquery';

declare let Office:any;

function launch() {
  const platform = platformBrowserDynamic();
  platform.bootstrapModule(AppModule)
    .then((success: any) => {
      console.log('SampleAddin: bootstrap success', success);
    })
    .catch((error: any) => {
      console.log('SampleAddin: bootstrap error', error);
    });
}

Office.initialize = reason => {
   console.log('Office intialize.....');

  $(document).ready(function () {   

    if (environment.production) {
      enableProdMode();
    }

    launch();

   });

}

Answer 1

回答我自己的问题：我无法在 outlook mac 和 windows 中加载组件。但是在将其添加到 polyfills.ts 之后：

import 'core-js/client/shim';

它也在 IE 11 中工作，而且似乎这并没有破坏其他浏览器。

Answer 2

根据文档，

您必须使用 Office.onReady() 初始化加载项。

请参考文档

https://learn.microsoft.com/en-us/office/dev/add-ins/develop/initialize-add-in