Angular 5 и Sharepoint SPFX
Я использую Angular 5 с SharePoint SPFX Framework. Все отлично работает с несколькими веб-частями на странице без проблем, но как мне добавить полифиллы? Я пробовал включать в файлы js извне, не работает, я пробовал просто импортировать все из polyfills.ts в файл webpart.ts, не повезло.
Может ли кто-нибудь помочь объяснить, как получить рендеринг angular 5 и spfx в IE, никаких проблем с хромом, но веб-части не отображаются в IE.
Я пробовал добавлять эти скрипты во внешние файлы, но не работал:
<script src = "node_modules/core-js/client/shim.min.js"></script>
<script src = "node_modules/web-animations-js/web-animations.min.js"></script>
<script src = "node_modules/zone.js/dist/zone.js"></script>
Нет, я отказался от использования его с SPFX. Он отлично работает как одностраничное приложение со всем, что есть в библиотеке документов, но не с SPFX, по крайней мере, у меня нет его для работы с IE. Другая проблема заключается в том, что зоны не работают, поэтому приходится изменять код, чтобы ChangeDetectorRef.detectChanges () был повсюду, поэтому, чтобы взять компонент и изменить его, вы получите два одинаковых компонента, один с ручным изменением обнаружение, поэтому не использовать его. Что действительно работает, так это React, он отлично работает, поэтому я использую React для SPFX и Angular для полностраничных приложений.
Angular Elements могут работать, но, очевидно, нужно подождать до Angular 7, который Angular 6 уже отстает на месяц, поэтому я не вижу жизнеспособного решения до следующего года, поэтому я бы не рекомендовал его использовать. Я потратил недели на Angular и создал ту же веб-часть с React за несколько часов и изучил React по ходу работы, так что это было супер просто
Спасибо за обновления
Не могли бы вы показать пример Angular5 + SPFX на git, пожалуйста!
Это не будет работать правильно, если вы не отключите зоны и не обработаете обнаружение изменений вручную, что не стоит усилий и сводит на нет цель использования фреймворка. React отлично работает, и есть много руководств по нему, и в настоящее время я изучаю StencilJs, который выглядит очень многообещающим для sharepoint.
Вы пробовали Angular 6 с SPFX?
нет, потому что элементы не будут готовы до Angular 7, в настоящее время элементы работают только в angular. Было слишком просто использовать реакцию в sharepoint, чтобы быть честным, и есть много преимуществ использования реакции с spfx, но для полностраничного приложения с маршрутизацией тогда Angular действительно хорошо работал внутри библиотеки документов
Вы видели это видео youtube.com/watch?v=CVsHW5uALMg? Также Себастьен упомянул, что wc-shim.js работает как полифил для старых браузеров (github.com/sebastienlevert/spfx-ng-webparts/blob/master/…). Так что хотя бы spfx + angular5 + ie11 работает в демонстрационном видео :)
Ответы 1
Чтобы Angular работал в IE, вам нужно раскомментировать некоторые строки в src / polyfills.ts.
/** IE9, IE10 and IE11 requires all of the following polyfills. **/
import 'core-js/es6/symbol';
import 'core-js/es6/object';
import 'core-js/es6/function';
import 'core-js/es6/parse-int';
import 'core-js/es6/parse-float';
import 'core-js/es6/number';
import 'core-js/es6/math';
import 'core-js/es6/string';
import 'core-js/es6/date';
import 'core-js/es6/array';
import 'core-js/es6/regexp';
import 'core-js/es6/map';
import 'core-js/es6/set';
Да, это отлично работает в обычном приложении angular с использованием интерфейса командной строки, но я использую структуру SPFX с веб-пакетом и не использую интерфейс командной строки Angualr. Мне нужно знать, как заставить эти классы работать в SharePoint SPFX frameowrk.
Вы уже нашли решение?