Я экспериментировал с тем, как использовать последнюю версию Angular-8 для Microsoft Office.
Я выполнил следующие шаги:
- создал новый угловой проект с использованием CLI
- добавлен файл manifest.xml и обновлены пути для области задач
- Обновлен package.json, добавлены office-js и другие библиотеки отладки.
- добавлен ssl для локального сервера.
Я загрузил надстройку, и она отлично работает в Outlook Web. Я тестировал во многих браузерах, и я не нашел никаких проблем.
Однако, когда я щелкаю значок надстройки в Outlook Desktop, он открывает панель задач и не показывает никакого содержимого.
Я не показал никакой конфигурации в вопросе. Я буду в курсе, однажды спросив у соответствующей экспертизы.
Ниже приведены скриншоты
Outlook web
Outlook Desktop
Обновление
Угловые компоненты не загружаются в надстройку 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"
}
}
Добрый совет.
спасибо