【问题标题】:Angular 5 and Sharepoint SPFXAngular 5 和 Sharepoint SPFX
【发布时间】:2018-09-14 02:19:57
【问题描述】:

我正在使用带有 SharePoint SPFX 框架的 Angular 5。页面上的多个 webpart 一切正常,没问题,但我如何包含 Polyfill?我尝试包含在外部的 js 文件中,不起作用,我尝试只将 polyfills.ts 中的所有内容导入 webpart.ts 文件,没有运气。

谁能帮助解释如何在 IE 中获得 angular 5 和 spfx 渲染,chrome 没有问题,但 webparts 不显示在 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 构建了相同的 Web 部件,并在学习过程中学习了 React,所以超级简单
  • 感谢更新
  • 你能在git上展示Angular5 + SPFX的例子吗!

标签: angular sharepoint spfx


【解决方案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';

【讨论】:

  • 是的,在使用 CLI 的常规 Angular 应用程序中效果很好,但我使用的是带有 webpack 的 SPFX 框架,而不是使用 Angualr CLI。我需要知道如何让这些类在 SharePoint SPFX 框架中工作
猜你喜欢
  • 2019-01-09
  • 2019-09-22
  • 1970-01-01
  • 2021-04-06
  • 2021-09-30
  • 2023-03-06
  • 2020-05-22
  • 2020-06-25
  • 2019-04-02
相关资源
最近更新 更多