AngularJS SharePoint React Script Editor Webpart SPFx Webpart 上的断言失败

Question

我有一个 Microsoft SharePoint 2013 应用程序，它由 AngularJS 自定义应用程序 aspx 页面组成。 该应用程序在 SP13 上运行良好。

但现在的要求是迁移到 SPO Modern Teams 站点。 为了防止大量 SPFx 重新开发和时间滞后，我使用了React Script Editor Webpart SPFx Webpart ，我可以在其中简单地复制 HTML 和已经开发和工作的脚本文件的引用。

我面临一个间歇性问题，仅在第一页加载时，它会给出以下错误：

错误：[ng:areq] 参数“FormCtrl”不是 function，未定义

当我再次刷新时，一切都正常加载并且工作正常。 我无法排除故障并找出尝试多种组合的问题并寻求该社区的帮助。

下面是应用程序是如何在 SharePoint 2013 上构建的（工作正常），但在移动到 SPO React Script Editor Webpart 时会间歇性地出现：

• 页面库中的 SharePoint aspx 页面。
• 内容编辑器 WebPart 参考包含 HTML 的文本文件。
• 参考HTML中的jQuery、AngularJS等和自定义脚本文件。
• 自定义脚本文件为：

1. 在 HTML 中声明为 ng-app 的应用程序定义的应用程序文件

   var app = angular.module('myApp', ['ngRoute']);

2. controller 中使用的常量文件

   app.constant('config', { ListName: 'This is the name of the list' });

3. 服务文件。 所有REST API调用和常用方法都在这里定义，从controller调用

    app.service('DataAccessLayer', ['$http', '$q', function ($http, $q) { this.method1(){.... } this.method2(){.... } });

4. 主要的 controller 文件，其功能如下：

app.controller('FormCtrl', function ($scope, config, DataAccessLayer) {});