router not found error in ui-router angularjs with requirejs

Question

I have included ui-router.js for angularjs . But somehow i am not getting it to work with requirejs.

require.config
baseUrl:"/Scripts/app"
paths :
    jquery      :   "libs/jquery/jquery-2.0.3"
    bootstrap   :   "libs/bootstrap/bootstrap"
    angular     :   "libs/angular/angular"
    domReady    :   "libs/requirejs/domReady"
    blockui     :   "libs/jquery.blockUI"
    "ui-router" :   "libs/angular/angular-ui-router"
    "angular-resource"  :   "libs/angular/angular-resource"

shim:
    jquery:
        exports:
            "jquery"

    bootstrap:
        depts:["jquery"]

    angular:
        exports:
            "angular"

    "ui-router":
        exports:
            "ui.router"
        deps : ['angular']

    blockui : 
        deps : ["jquery"]

        "angular-resource":
            deps: ['angular']

    deps :['app','utils/common']

require ['angular','jquery','bootstrap','routes'] ,(angular,$) ->   
    $(document).ready ->
        angular.bootstrap document,['app']

now my app.coffee is

define ['angular','angular-resource','ui-router'] , (angular) ->
angular.module 'app',['ngResource']

the console gives error in chrome

Uncaught TypeError: Cannot read property 'router' of undefined

and

  TypeError: g is undefined    
g = g[part];

in firefox . Why am I not able to use ui-router as my module to load it into my modules for route.coffee ?

Joy · Accepted Answer · 2013-10-15 21:14:50Z

2

finally got the answer from this guy in ui-router project here is the answer link

Ui-Router Issue for requirejs load with AMD

answered Oct 15, 2013 at 21:14

Joy

7,0588 gold badges47 silver badges77 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Tempschl · Accepted Answer · 2013-10-03 14:16:52Z

0

"ui-router":
    exports:
        "ui.router"
    deps : ['angular']

especially "ui.router" is the bad guy here.

solution: don't use the dot in its name. i used "uiRouter" even for the export!

answered Oct 3, 2013 at 14:16

Tempschl

191 bronze badge

2 Comments

Joy Over a year ago

I already did that . But somehow its telling Cannot read property 'router' of undefined in require.js

Pierre Guilbert Over a year ago

It worked for me: ``` uiRouter: { deps: ["angular", "ngRoute"],```

guanjun · Accepted Answer · 2015-10-16 07:32:11Z

0

if the module name is incorrect, requirejs can't load the script file. so your can't get the router. in development environment, you should open the console window, in this window, you should find the error from requirejs.

answered Oct 16, 2015 at 7:32

guanjun

263 bronze badges

4 Comments

abarisone Over a year ago

Could you please elaborate more your answer adding a little more description about the solution you provide?

guanjun Over a year ago

first, link use define of requirejs to load the ui-router, this is ok, but, not

guanjun Over a year ago

requirejs, angularjs have two module management system. first, in app.js, joy use define of requirejs to load the ui-router, this is ok, but, not use angular.module to attach ui-router to current module. then, ui.router not a good name.

guanjun Over a year ago

in app.js, you should use angular.module( 'app',['ui.router'] ) to attach the ui-router module.

Collectives™ on Stack Overflow

router not found error in ui-router angularjs with requirejs

3 Answers 3

Comments

2 Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related