ui路由器不能从nodejs文件夹工作,但在plunker上工作

UI路由器应该做一个index.html作为一个标题和test.html作为附加的看法,但它不能在我的电脑出于某种原因。 Plunker一个伟大的工作。

index.html与plunker相同

<html ng-app="MyApp"> <head> <link href="stylesheets/style.css" rel="stylesheet"> </head> <body> <h4> This should be the header </h4> <div ui-view></div> <script data-require="angular.js@*" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script> <script data-require="ui-router@*" data-semver="0.2.10" src="https://rawgit.com/angular-ui/ui-router/0.2.10/release/angular-ui-router.js"></script> <script src="app.js"></script> <script src="controllers/main.js"></script> </body> </html> 

views / test.html只包含

 <div> this is test.html </div> 

和app.js包含

  angular.module('MyApp', [ 'ui.router' ]) .config(function($stateProvider, $urlRouterProvider) { $urlRouterProvider.otherwise('/'); $stateProvider .state('main', { url: '/', templateUrl: 'vews/test.html', controller: 'MainCtrl' }); }) 

如果需要,这里是server.js

  var express = require('express'); var path = require('path'); var logger = require('morgan'); var cookieParser = require('cookie-parser'); var bodyParser = require('body-parser'); var mongoose = require('mongoose'); var bcrypt = require('bcryptjs'); var app = express(); app.set('port', process.env.PORT || 3000); app.use(logger('dev')); app.use(bodyParser.json()); app.use(bodyParser.urlencoded()); app.use(cookieParser()); app.use(express.static(path.join(__dirname, 'public'))); app.listen(app.get('port'), function() { console.log('Express server listening on port ' + app.get('port')); }); 

我不明白为什么ui路由器可以工作,但不在我的电脑上工作。

如果重击者在工作,那么你的本地东西也应该如此 – 我看不出任何明显的错误。

但有一个区别。 通常在plunker中,我们不使用嵌套(像viewscontrollers子文件夹) 。 而在你的闯入者 – 与你的问题中的片段相比是:

抢劫者:

 $stateProvider .state('main', { url: '/', templateUrl: 'test.html', controller: 'MainCtrl' }); 

上面的代码片段:

 $stateProvider .state('main', { url: '/', templateUrl: 'vews/test.html', controller: 'MainCtrl' }); 

而这似乎是,你在templateUrl中有一个拼写错误:'vews / test.html',而不是views 。 这可能是问题吗?

此外,与子文件夹有关的上述问题,有一些小错误(点击Chrome中的F12,并检查控制台)…我把它们固定在这个叉