适用于 Outlook 的 Microsoft Office 插件不会在 Outlook 桌面应用程序上加载
Microsoft office addin for outlook does not load on Outlook desktop app
我正在试验如何使用最新的 Angular-8 for Microsoft office 插件。
我遵循了以下步骤:
- 使用 CLI 创建了一个新的 angular 项目
- 添加了 manifest.xml 文件并更新了任务窗格的路径
- 更新了 package.json 并添加了 office-js 和其他调试库。
- 为本地主机服务器添加了 ssl。
我侧加载了插件,它在 Outlook 网络上完美运行。我在很多浏览器上测试过,没有发现任何问题。
但是,当我单击 Outlook 桌面中的加载项图标时,它会打开任务窗格但不显示任何内容。
我没有在问题中显示任何配置。等相关专业人士问到,我再更新。
以下为截图
Outlook 网络
Outlook 桌面
更新:
Angular components are not loading in the outlook desktop add-in. I am using angular 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"
}
}
请指教。
谢谢
Outlook Desktop(2013 or 2016 version) does not support es2015.
由于 angular 中的默认行为是将 typescript 编译为 es2015,它不会在 Outlook 桌面中加载。
我不得不修改 tsconfig.app.json
并将目标添加到 es5
。
我正在试验如何使用最新的 Angular-8 for Microsoft office 插件。
我遵循了以下步骤:
- 使用 CLI 创建了一个新的 angular 项目
- 添加了 manifest.xml 文件并更新了任务窗格的路径
- 更新了 package.json 并添加了 office-js 和其他调试库。
- 为本地主机服务器添加了 ssl。
我侧加载了插件,它在 Outlook 网络上完美运行。我在很多浏览器上测试过,没有发现任何问题。
但是,当我单击 Outlook 桌面中的加载项图标时,它会打开任务窗格但不显示任何内容。
我没有在问题中显示任何配置。等相关专业人士问到,我再更新。
以下为截图
Outlook 网络
Outlook 桌面
更新:
Angular components are not loading in the outlook desktop add-in. I am using angular 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"
}
}
请指教。 谢谢
Outlook Desktop(2013 or 2016 version) does not support es2015.
由于 angular 中的默认行为是将 typescript 编译为 es2015,它不会在 Outlook 桌面中加载。
我不得不修改 tsconfig.app.json
并将目标添加到 es5
。