Outlook的Microsoft Office加载项不会在Outlook桌面应用程序上加载

Question

我正在尝试如何将最新的Angular-8用于Microsoft Office插件。

我遵循以下步骤：

• 使用CLI创建一个新的角度项目
• 添加了manifest.xml文件并更新了任务窗格的路径
• 更新了package.json并添加了office-js和其他调试库。
• 为本地服务器添加了ssl。

我端加载了该插件，它在Outlook Web上完美运行。我在许多浏览器上进行了测试，但没有发现任何问题。

但是，当我单击Outlook Desktop中的加载项图标时，它将打开任务窗格，并且不显示任何内容。

我没有在问题中显示任何配置。一旦相关专家询问，我将进行更新。

下面是屏幕截图

Outlook网站

Outlook桌面

更新：

  

角度组件未加载到Outlook桌面加载项中。我正在使用角度8。

下面是package.json。

        {
          "name": "temporary-adin",
         "version": "0.0.0",
         "scripts": {
           "ng": "ng",
           "start": "ng serve --ssl true",
           "build": "ng build",
           "test": "ng test",
           "lint": "ng lint",
           "e2e": "ng e2e",
           "start-addin": "office-addin-debugging start manifest.xml",
           "start:desktop": "office-addin-debugging start manifest.xml desktop",
           "start:web": "office-addin-debugging start manifest.xml web",
           "stop": "office-addin-debugging stop manifest.xml",
          "validate": "office-toolbox validate -m manifest.xml"
       },
        "config": {
          "app-to-debug": "outlook",
          "app-type-to-debug": "desktop",
          "dev-server-port": 3000
       },
        "private": true,
        "dependencies": {
        "@angular/animations": "~8.0.1",
        "@angular/common": "~8.0.1",
        "@angular/compiler": "~8.0.1",
        "@angular/core": "~8.0.1",
        "@angular/forms": "~8.0.1",
        "@angular/platform-browser": "~8.0.1",
        "@angular/platform-browser-dynamic": "~8.0.1",
        "@angular/router": "~8.0.1",
        "@microsoft/office-js": "^1.1.23",
        "@microsoft/office-js-helpers": "^1.0.2",
        "office-ui-fabric-js": "^1.5.0",
        "rxjs": "~6.4.0",
        "tslib": "^1.9.0",
        "zone.js": "~0.9.1"
       },
       "devDependencies": {
        "@angular-devkit/build-angular": "~0.800.0",
        "@angular/cli": "~8.0.3",
        "@angular/compiler-cli": "~8.0.1",
        "@angular/language-service": "~8.0.1",
        "@types/jasmine": "~3.3.8",
        "@types/jasminewd2": "~2.0.3",
        "@types/node": "~8.9.4",
        "@types/office-js": "^1.0.11",
        "@types/office-runtime": "^1.0.8",
        "codelyzer": "^5.0.0",
        "jasmine-core": "~3.4.0",
        "jasmine-spec-reporter": "~4.2.1",
        "karma": "~4.1.0",
        "karma-chrome-launcher": "~2.2.0",
        "karma-coverage-istanbul-reporter": "~2.0.1",
        "karma-jasmine": "~2.0.1",
        "karma-jasmine-html-reporter": "^1.4.0",
        "office-addin-debugging": "^2.3.0",
        "office-addin-dev-certs": "^1.2.4",
        "office-toolbox": "^0.1.1",
        "protractor": "~5.4.0",
        "ts-node": "~7.0.0",
        "tslint": "~5.15.0",
        "typescript": "~3.4.3"
      }
     }

请指教。 谢谢

Answer 1

  

Outlook Desktop（2013或2016版本）不支持es2015。

由于angular中的默认行为是将打字稿编译为es2015，因此不会在Outlook桌面中加载。

我不得不修改tsconfig.app.json并将目标添加到es5。