AngularJS प्रोजेक्ट में ui.router को कैसे शामिल करें?

Question

मुझे यह त्रुटि मिल रही है:

`त्रुटि: [$ इंजेक्टर: नामांकन] मॉड्यूल 'ui.router' उपलब्ध नहीं है! आप या तो मॉड्यूल नाम गलत वर्तनी या इसे लोड करने के लिए भूल गए हैं।

लेकिन मैं यकीन है कि मैं सब कुछ सही ढंग

परियोजना Yeoman साथ बनाया है और निर्भरता का प्रबंधन करने के बोवर का उपयोग करता था कॉन्फ़िगर किया है सब कुछ का निर्माण करने के ग्रंट के साथ, कर रहा हूँ।

Yeoman कोणीय जनरेटर बुनियादी ngRouter साथ बॉयलरप्लेट बनाया, तो मैं

bower install angular-ui-router --save 

कोणीय संस्करण के साथ ui.router स्थापित

1.2.16 

बोवर फ़ाइल

उपर्युक्त रेखा ने इस लाइन के साथ bower.json फ़ाइल को निर्भर किया है ncies सूची:

"angular-ui-router": "~0.2.10" 

एप्लिकेशन मॉड्यूल सेट अप (विभिन्न अन्य निर्भरता के अतिरिक्त) कोणीय ui.route पर निर्भरता जोड़कर

मैं app.js साथ फ़ाइल अद्यतन .module ('ऐप्लिकेशन', [ 'ngRoute', ... 'ui.router'])

index.html

<!-- build:js(.) scripts/vendor.js --> 
<!-- bower:js --> 
... 
<script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script> 
<!-- endbower --> 
<!-- endbuild --> 

मेरे पास उपर्युक्त निर्देशिका में उपरोक्त फ़ाइल है, मैं सकारात्मक हूं कि यह वहां है (मैंने टाइपो से बचने के लिए पथ की प्रतिलिपि बनाई और चिपकाया)। मैंने बिना किसी अंतर के मिनी संस्करण का भी प्रयास किया।

संपादित

मैं कर रहा हूँ बहुत, बहुत नई यह सब (कोणीय, बोवर, Yeoman, आदि) तो मैं बहुत अच्छी तरह से यह सब गलत कर किया जा सकता है, तो यह हो सकता है कि मैं कोई अब ui.router निर्भरता को शामिल करने की आवश्यकता है? मेरा मतलब है, क्या इसे किसी भी तरह कोर कोणीय ढांचे में एकीकृत किया गया है? क्या ui.router बहिष्कृत है?

Answer 1

मैं गूंगा हूँ। this link से उत्तर मिला। Cmd लाइन पर grunt चलाते समय, यह न केवल त्रुटियों को बनाने और जांचने के लिए कॉन्फ़िगर किया गया है, बल्कि परीक्षण भी चलाएं (कर्म का उपयोग करके जिसे मैं अभी तक समझ नहीं पा रहा हूं)।

<project root>/test/karma.conf.js

नीचे, दांतेदार लाइन किया गया था कि मैं क्या जोड़ने की जरूरत:

तो क्या बदलने की जरूरत कर्म कॉन्फ़िग फ़ाइल था

// list of files/patterns to load in the browser 
    files: [ 
     'bower_components/angular/angular.js', 
     'bower_components/angular-mocks/angular-mocks.js', 
     'bower_components/angular-animate/angular-animate.js', 
     'bower_components/angular-cookies/angular-cookies.js', 
     'bower_components/angular-resource/angular-resource.js', 
     'bower_components/angular-route/angular-route.js', 
     'bower_components/angular-sanitize/angular-sanitize.js', 
     'bower_components/angular-touch/angular-touch.js', 
     'bower_components/angular-ui-router/release/angular-ui-router.js', 
     'app/scripts/**/*.js', 
     'test/mock/**/*.js', 
     'test/spec/**/*.js' 
    ], 

Answer 2

इस लिंक के साथ के माध्यम से जाओ, तुम कोणीय के साथ काम करने के लिए पूरी संरचना मिल जाएगी।जे एस ui राउटर का उपयोग कर

Github Repository