在ui路由器angularjs和requirejs中找不到路由器错误
我已经为angularjs添加了ui-router.js。但不知何故,我无法让它与requirejs一起工作在ui路由器angularjs和requirejs中找不到路由器错误,angularjs,angular-ui-router,Angularjs,Angular Ui Router,我已经为angularjs添加了ui-router.js。但不知何故,我无法让它与requirejs一起工作 require.config baseUrl:"/Scripts/app" paths : jquery : "libs/jquery/jquery-2.0.3" bootstrap : "libs/bootstrap/bootstrap" angular : "libs/angular/angular" domReady
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']
现在我的应用程序是咖啡
define ['angular','angular-resource','ui-router'] , (angular) ->
angular.module 'app',['ngResource']
控制台显示chrome错误
Uncaught TypeError: Cannot read property 'router' of undefined
及
在firefox中。为什么我不能使用ui router作为我的模块,将其加载到我的模块中以进行route.coffee
"ui-router":
exports:
"ui.router"
deps : ['angular']
尤其是“ui.router”
是这里的坏蛋
解决方法:不要在名称中使用点。
我使用“uiRouter”甚至用于导出 终于从ui路由器项目的这个家伙那里得到了答案这里是答案链接
如果模块名称不正确,requirejs无法加载脚本文件。所以你不能得到路由器。
在开发环境中,您应该打开控制台窗口,在这个窗口中,您应该可以找到来自requirejs的错误。我已经这样做了。但不知何故,它告诉
无法读取require.jsIt中未定义的属性'router'。它为我工作:``uiRouter:{deps:[“angular”,“ngRoute”],“``请您详细说明您的答案,并添加一点关于您提供的解决方案的说明。首先,使用requirejs的定义加载ui路由器,这是可以的,但是,notrequirejs、angularjs有两个模块管理系统。首先,在app.js中,使用requirejs的定义加载ui路由器,这是可以的,但不使用angular.module要将ui路由器连接到当前模块,则ui.router不是一个好名字。在app.js中,应使用angular.module('app',['ui.router'])连接ui路由器模块。
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']