2017-06-15 50 views
1

我使用ngtable我angularjs应用程序,但这样做繁重的构建时,引用被错过,它显示错误ngTable在Angularjs应用

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 [email protected]^1.2 
`-- [email protected] 

npm WARN [email protected] requires a peer of [email protected]^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 --> 

回答

1

不幸ng-table在凉亭上不再被支持。

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

如果你真的想/必须使用凉亭,您可以使用:

bower install ng-table-bundle 

和引用添加到它,因为其他凉亭的部件:

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