不知道如何争论我的javascript依赖关系

Unsure of how to wrangle my javascript dependencies

本文关键字：依赖 关系 javascript 我的 何争论 不知道      更新时间：2023-09-26

我使用的是NPM和一些角度包。我正在努力遵循本教程，第1部分：基本网格链接

我的文件目录设置是：

D：/nodStuff/uiGrid，其中包含：

node_modules  uigrid.css  uigrid.html  uigrid.js

node_modules文件夹包含：

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

我无法在浏览器控制台中解决此错误：

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.

我知道教程提供了一个jsfiddle，但它在css中导入了依赖项（这正常吗？），我对如何使其在jsfiddle之外工作感到困惑

我的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>

我的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
    }];
}]);

我的CSS:

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

角度触摸的模块名称为ngTouch（请参阅https://docs.angularjs.org/api/ngTouch)。尝试将javascript更改为

var app = angular.module('app', ['ngTouch', 'ui.grid']);
相关文章：