title: Adding a SPFx web part to a SharePoint classic page crashes PnP Widget Wrangler AngularJS components
body: <p>I have a SharePoint classic page with a Script Editor web part on it. In the Script Editor web part, I am using <a href="https://github.com/Widget-Wrangler/ww" rel="nofollow noreferrer">PnP Widget Wrangler</a> to add a simple AngularJS component to the page, like below:</p>
  
  <p>Script Editor web part:</p>
  
  <pre><code>&lt;div&gt;
      &lt;div ng-app="myApp" ng-controller="myCtrl"&gt;
          First Name: &lt;input type="text" ng-model="firstName"&gt;&lt;br&gt;
          Last Name: &lt;input type="text" ng-model="lastName"&gt;&lt;br&gt;
          &lt;br&gt;
          Full Name: {{firstName + " " + lastName}}
      &lt;/div&gt;
      &lt;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}
            ]'&gt;
      &lt;/script&gt; 
  &lt;/div&gt;  
  </code></pre>
  
  <p>script.js:</p>
  
  <pre><code>var app = angular.module('myApp', []);
  app.controller('myCtrl', function($scope) {
      $scope.firstName = "John";
      $scope.lastName = "Doe";
  });
  </code></pre>
  
  <p>With only the Widget Wrangle component on the page, the AngularJS app loads correctly. However, when I add a basic Hello World SharePoint Framework (SPFx) web part (as described in <a href="https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" rel="nofollow noreferrer">this article</a>) to the page, the AngularJS component that is initialised by PnP Widget Wrangler stops working. I receive the following AngularJS error:</p>
  
  <pre><code>Failed to instantiate module myApp due to:
  Error: [$injector:nomod] http://errors.angularjs.org/1.6.1/$injector/nomod?p0=myApp
  </code></pre>