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