我有一个SharePoint经典页面，上面有一个脚本编辑器Web部件 . 在脚本编辑器Web部件中，我使用PnP Widget Wrangler向页面添加一个简单的AngularJS组件，如下所示：
脚本编辑器Web部件：
<div>
<div ng-app="myApp" ng-controller="myCtrl">
First Name: <input type="text" ng-model="firstName"><br>
Last Name: <input type="text" ng-model="lastName"><br>
<br>
Full Name: {{firstName + " " + lastName}}
</div>
<script type="text/javascript" src="pnp-ww.min.js"
ww-appName="myApp"
ww-appBind="Angular"
ww-appScripts='[{"src": "https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.2/angular.min.js", "priority":0},
{"src": "script.js", "priority":1}
]'>
</script>
</div>
的script.js：
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.firstName = "John";
$scope.lastName = "Doe";
});
只有页面上的Widget Wrangle组件，AngularJS应用程序正确加载 . 但是，当我向页面添加基本的Hello World SharePoint Framework（SPFx）Web部件（如this article中所述）时，由PnP Widget Wrangler初始化的AngularJS组件将停止工作 . 我收到以下AngularJS错误：
Failed to instantiate module myApp due to:
Error: [$injector:nomod] http://errors.angularjs.org/1.6.1/$injector/nomod?p0=myApp
1 回答
对这个问题的一些初步建议：
检查JQuery版本和JQuery / AngularJS的加载顺序
修改角度路线，删除[] .
重写pnp-ww.js .