Angular 6 и Sharepoint SPFX

Просто интересно, есть ли у кого-нибудь образцы или ссылки на инструкции по запуску приложения angular 6 на Sharepoint SPFX.

Я следовал этому примеру для Angular 5, но он не будет работать после обновления угловых зависимостей.

https://www.youtube.com/watch?v=_OgEqWtouuU

Ошибка, которую я получаю в рабочей среде SPFX, когда пытаюсь добавить веб-часть:

    [SPLoaderError.loadComponentError]:
***Failed to load component "a884f6f5-e74c-4932-972f-0e1431147413" (AppWebPart).
Original error: ***loadComponent() returned an empty object for component "a884f6f5-e74c-4932-972f-0e1431147413" (AppWebPart).

***INNERERROR:
***loadComponent() returned an empty object for component "a884f6f5-e74c-4932-972f-0e1431147413" (AppWebPart).
***CALLSTACK:
Error
    at SPLoaderError.SPError [as constructor] (https://localhost:4321/node_modules/@microsoft/sp-loader/dist/sp-loader-assembly_en-us.js:10183:24)
    at new SPLoaderError (https://localhost:4321/node_modules/@microsoft/sp-loader/dist/sp-loader-assembly_en-us.js:4211:28)
    at Function.ErrorBuilder.buildErrorWithVerboseLog (https://localhost:4321/node_modules/@microsoft/sp-loader/dist/sp-loader-assembly_en-us.js:3821:21)
    at Function.ErrorBuilder.buildLoadComponentError (https://localhost:4321/node_modules/@microsoft/sp-loader/dist/sp-loader-assembly_en-us.js:3743:21)
    at https://localhost:4321/node_modules/@microsoft/sp-loader/dist/sp-loader-assembly_en-us.js:7952:38

Код можно найти по этой ссылке https://drive.google.com/file/d/1iF1Low1VYlK0RFYXf1KILZfcEuLnMIjx/view?usp=sharing

Любая помощь приветствуется.

Спасибо Дэмиен


angular gulp spfx sharepointframework angular6
person Damien    schedule 01.08.2018    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Мне удалось заставить его работать независимо от решения Angular и запускать приложение из пользовательских элементов Angular следующим образом:

export class AppModule {
 constructor(private injector: Injector) {   }

 ngDoBootstrap(appRef: ApplicationRef) {
     if (!customElements.get('app-root')) {
     const helloElement = createCustomElement(AppComponent, { injector: this.injector });
     customElements.define('app-root', helloElement);
   }
 }

Источник: http://www.andrewconnell.com/blog/howto-angular-elements-in-sharepoint-framework-projects-two-projects?utm_source=accom&utm_medium=blog&utm_campaign=Using%20Angular%20Elements%20in%20SharePoint%20Framework%20Projects%20Series

И мой репозиторий git: https://github.com/clementlepere/SPFX-AngularElements

Это все еще очень WIP, и я столкнулся с некоторой проблемой кодирования при запуске скрипта сборки (исправлено с помощью конвертера кодировки, такого как notepad ++, перед запуском gulp serve)

person clepere    schedule 16.05.2019