未捕获的错误：[$injector:modulerr] ui.tree答案

【问题标题】：Uncaught Error: [$injector:modulerr] ui.tree未捕获的错误：[$injector:modulerr] ui.tree
【发布时间】：2018-04-28 17:37:44
【问题描述】：

我有我的 app.js：

angular.module('myApp', ['ui.tree'])
  .controller('myCtrl', function($scope) {
    $scope.remove = function(scope) {
      scope.remove();
    };

    $scope.toggle = function(scope) {
      scope.toggle();
    };

    $scope.moveLastToTheBeginning = function() {
      var a = $scope.data.pop();
      $scope.data.splice(0, 0, a);
    };

    $scope.newSubItem = function(scope) {
      var nodeData = scope.$modelValue;
      nodeData.nodes.push({
        id: nodeData.id * 10 + nodeData.nodes.length,
        title: nodeData.title + '.' + (nodeData.nodes.length + 1),
        nodes: []
      });
    };

    $scope.collapseAll = function() {
      $scope.$broadcast('angular-ui-tree:collapse-all');
    };

    $scope.expandAll = function() {
      $scope.$broadcast('angular-ui-tree:expand-all');
    };

index.html 开头为：

<script type="text/javascript" src="angular.min.js"></script>
<script type="text/javascript" src="angular-ui-tree.min.js"></script>
<link rel="stylesheet" type="text/css" href="angular-ui-tree.min.css">
<link rel="stylesheet" type="text/css" href="bootstrap.min.css">

<div ng-app="myApp">
  <div ng-controller="myCtrl">
    <!-- Nested node template -->

我在 app.js 所在的同一文件夹中有 angular-ui-tree.min.js 和 angular.min.js。仍然收到以下错误：

angular.min.js:6 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.5.11/$injector/modulerr?p0=myApp&p1=Error%3A%20%5B%24injector%3Anomod%5D%20http%3A%2F%2Ferrors.angularjs.org%2F1.5.11%2F%24injector%2Fnomod%3Fp0%3DmyApp%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A8000%2Fangular.min.js%3A6%3A426%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A8000%2Fangular.min.js%3A25%3A235%0A%20%20%20%20at%20b%20(http%3A%2F%2Flocalhost%3A8000%2Fangular.min.js%3A24%3A282)%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A8000%2Fangular.min.js%3A25%3A20%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A8000%2Fangular.min.js%3A40%3A17%0A%20%20%20%20at%20q%20(http%3A%2F%2Flocalhost%3A8000%2Fangular.min.js%3A7%3A371)%0A%20%20%20%20at%20g%20(http%3A%2F%2Flocalhost%3A8000%2Fangular.min.js%3A39%3A382)%0A%20%20%20%20at%20fb%20(http%3A%2F%2Flocalhost%3A8000%2Fangular.min.js%3A43%3A381)%0A%20%20%20%20at%20c%20(http%3A%2F%2Flocalhost%3A8000%2Fangular.min.js%3A21%3A19)%0A%20%20%20%20at%20Gc%20(http%3A%2F%2Flocalhost%3A8000%2Fangular.min.js%3A21%3A332)
    at angular.min.js:6
    at angular.min.js:40
    at q (angular.min.js:7)
    at g (angular.min.js:39)
    at fb (angular.min.js:43)
    at c (angular.min.js:21)
    at Gc (angular.min.js:21)
    at se (angular.min.js:20)
    at angular.min.js:323
    at HTMLDocument.b (angular.min.js:192)

【问题讨论】：

检查版本 mb

标签： angularjs angular-ui-tree

【解决方案1】：

正如 cmets 中所说，您的版本（Angular 和 UI 树）中可能存在错误。

看到这个 Plunkr 工作：https://plnkr.co/edit/U2U5vMi7m9G8BzC494ma?p=preview

  <head>
    <script data-require="angular.js@1.6.5" data-semver="1.6.5" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-tree/2.22.6/angular-ui-tree.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-tree/2.22.6/angular-ui-tree.min.css" />
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

【讨论】：