Question

我在angularjs应用程序中使用ngtable但是在执行grunt构建时，错过了引用并显示错误

Uncaught Error: [$injector:modulerr] Failed to instantiate module parts360App due to:
Error: [$injector:modulerr] Failed to instantiate module ngTable due to:
Error: [$injector:nomod] Module 'ngTable' 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.
http://errors.angularjs.org/1.6.4/$injector/nomod?p0=ngTable
    at http://localhost:9000/bower_components/angular/angular.js:66:12

我正在使用的表格 - http://ng-table.com/#/

bower install ng-table --save

bower.json得到更新，但该表的引用在index.html

中不可用

我也试过npm，但是在命令提示符下显示错误：

+-- UNMET PEER DEPENDENCY angular@^1.2
`-- ng-table@3.0.1

npm WARN ng-table@3.0.1 requires a peer of angular@^1.2 but none was installed.

这是我的bower.json：

{
  "name": "parts360",
  "version": "0.0.0",
  "dependencies": {
    "angular": "^1.4.0",
    "bootstrap": "^3.2.0",
    "angular-resource": "^1.4.0",
    "angular-route": "^1.4.0",
    "angular-bootstrap": "^2.5.0",
    "angular-busy": "^4.1.4",
    "ng-table": "^3.0.1"
  },
  "devDependencies": {
    "angular-mocks": "^1.4.0"
  },
  "appPath": "app",
  "moduleName": "parts360App",
  "overrides": {
    "bootstrap": {
      "main": [
        "less/bootstrap.less",
        "dist/css/bootstrap.css",
        "dist/js/bootstrap.js"
      ]
    }
  }
}

请建议如何解决此问题以获取index.html中的引用

和其他人一样：

<!-- build:js(.) scripts/vendor.js -->
    <!-- bower:js -->
    <script src="bower_components/jquery/dist/jquery.js"></script>
    <script src="bower_components/angular/angular.js"></script>
    <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
    <script src="bower_components/angular-resource/angular-resource.js"></script>
    <script src="bower_components/angular-route/angular-route.js"></script>
    <script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
    <script src="bower_components/angular-animate/angular-animate.js"></script>
    <script src="bower_components/angular-busy/dist/angular-busy.js"></script>
    <!-- endbower -->

    <!-- endbuild -->

    <!-- build:js({.tmp,app}) scripts/scripts.js -->

Answer 1

不幸的是，bower不再支持ng-table。

您可以在他们的github上找到所有UpToDate installations methods。

如果你真的想要/必须使用凉亭，你可以使用：

bower install ng-table-bundle

并添加对它的引用，作为其他bower组件：

<script src="bower_components/ng-table-bundle/ng-table.min.js"></script>

Angularjs应用程序中的ngTable

1 个答案: