Javascript 用户界面路由器不'；不能从nodejs文件夹工作，但可以在plunker上工作_Javascript_Node.js_Angularjs_Express_Angular Ui Router

Javascript 用户界面路由器不'；不能从nodejs文件夹工作，但可以在plunker上工作

javascript node.js angularjs express

Javascript 用户界面路由器不'；不能从nodejs文件夹工作，但可以在plunker上工作,javascript,node.js,angularjs,express,angular-ui-router,Javascript,Node.js,Angularjs,Express,Angular Ui Router,ui路由器应该将index.html作为标题，将test.html作为附加视图，但由于某些原因，它在我的计算机上不起作用。一个工作很好 index.html与plunker上的相同 <html ng-app="MyApp"> <head> <link href="stylesheets/style.css" rel="stylesheet"> </head> <body> <h4> This should be

ui路由器应该将index.html作为标题，将test.html作为附加视图，但由于某些原因，它在我的计算机上不起作用。一个工作很好

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>

如果需要，这里是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上工作，但在我的计算机上不工作。

如果plunker工作，那么您的本地设备也应该工作-我看不到任何明显的错误

但这是有区别的。通常在plunker中，我们不使用嵌套（子文件夹，如

视图

或

控制器

）。在你的plunker中——与问题中的片段相比：

普朗克：

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

上面的片段：

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

这似乎是在templateUrl中有一个输入错误，它的位置是：'vews/test.html'，而不是视图
。这可能是问题所在吗

此外，与子文件夹的上述问题相关，存在一些小错误（在Chrome中单击F12并检查控制台）。。。我在这个

中修复了它们，我从头开始创建了整个文件夹，这是一个打字错误造成了整个问题。你是我的救世主，先生。为我的心不在焉感到羞耻。如果这有帮助的话——太棒了。真的，

ui路由器

真是太棒了。如果它不能成功运行，那将是一种耻辱。。。享受ui路由器；）

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

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