Ich weiß nicht, wie ich meine JavaScript-Abhängigkeiten manipulieren soll.

Question

Ich benutze NPM und einige eckige Pakete. Ich versuche, dieses Tutorial, Teil 1 zu folgen: link Grund Grid

Meine Dateiverzeichnis Setup ist:

D:/nodeStuff/uiGrid, die enthält:

node_modules uigrid.css uigrid.html uigrid.js 

Der node_modules Ordner enthält:

angular angular-animate angular-touch angular-ui-grid 

ich in meiner Browser-Konsole diesen Fehler nicht beheben kann:

angular.js:68 Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to: 
Error: [$injector:modulerr] Failed to instantiate module angular-touch due to: 
Error: [$injector:nomod] Module 'angular-touch' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument. 

Ich weiß, dass das Tutorial einen jsfiddle bietet, aber es importiert Abhängigkeiten in der CSS (ist das normal?) Und ich bin ratlos, wie es außerhalb der Arbeit zu bilden jsfiddle

Meine html:

<script src="./node_modules/angular/angular.js"></script> 
<link rel="stylesheet" type="text/css" href="./node_modules/angular-ui-grid/ui-grid.css" /> 
<script src="./node_modules/angular-ui-grid/ui-grid.js"></script> 
<script src="./node_modules/angular-touch/angular-touch.js"></script> 
<script src="./uigrid.js"></script> 

<div ng-app="app"> 
    <div ng-controller="MainCtrl"> 
     <div ui-grid="{ data: myData }" class="grid"></div> 
    </div> 
</div> 

Mein javascript:

var app = angular.module('app', ['angular-touch', 'ui.grid']); 
app.controller('MainCtrl', ['$scope', function ($scope) { 
    $scope.myData = [{ 
     "firstName": "Cox", 
     "lastName": "Carney", 
     "company": "Enormo", 
     "employed": true 
    }, { 
     "firstName": "Lorraine", 
     "lastName": "Wise", 
     "company": "Comveyer", 
     "employed": false 
    }, { 
     "firstName": "Nancy", 
     "lastName": "Waters", 
     "company": "Fuelton", 
     "employed": false 
    }]; 
}]); 

Meine CSS:

.grid { 
    width: 500px; 
    height: 250px; 
} 

Answer 1

Der Modulname für Winkel-Touch ist ngTouch (siehe https://docs.angularjs.org/api/ngTouch). Versuchen Sie, Ihr JavaScript zu

var app = angular.module('app', ['ngTouch', 'ui.grid']); 

zu ändern