2016-06-01 7 views
0

作成したRoutesを使用してAngularを取得しようとしました。最後にExpressを使ってみることにしました。そこでserver.jsという簡単なファイルを設定して、サーバーに沿ってスタンドとして走ります。私のExpress server.jsでUncaught SyntaxエラーがAngular 1.5.6と表示され続ける

しかし、何も機能していないと私は同じエラー

キャッチされないでSyntaxError得続ける:予期しないトークン<

すべての私のファイルはそう

server.js 
/public 
    main.html 
    /lib 
     angular/ 
     bootstrap/ 
    /views/ 
     search.html 
     list.html 
    /scripts 
     app.js 
     controllers.js 

のように私のアプリの公開ディレクトリにあるをマイserver.jsファイルは非常に単純です

var express = require('express'), 
app = express(); 

app.use(express.static('/public')) 
.get('*',function(req,res){ 
    res.sendfile('./public/main.html'); 
}) 
.listen(3000); 

ここに私のapp.js /ルートが最後にここに

angular.module("myApp", ['ngRoute','ui.bootstrap','ui-leaflet']) 
.config(function($routeProvider,$locationProvider){ 
    $routeProvider.when('/search',{ 
      controller: 'searchCtrl', 
      templateUrl: 'views/search.html' 
     }) 
     .when('/list',{ 
      controller: 'listCtrl', 
      templateUrl: 'views/list.html' 
     }) 
     .otherwise({ 
      redirectTo: '/search' 
     }); 
     $locationProvider.html5Mode(true); 
    }); 

だ私のmain.htmlとは

<!DOCTYPE html> 
<base href="/"> 
<html ng-app="myApp" lang="en"> 

<head> 
    <meta charset="UTF-8"> 
    <title>TEST APP</title> 
    <link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.min.css"> 
</head> 
<body> 
    <div class="container"> 
     <div class="page-header"> 
      <h3>MY APP</h3> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="col-sm-12"></div> 
    </div> 
    <script src="lib/angular/angular.min.js"></script> 
    <script src="lib/angular-route/angular-route.min.js"></script> 
    <script src="lib/angular-bootstrap/ui-bootstrap-tpls.min.js"></script> 

    <script src="scripts/app.js"></script> 
    <script src="scripts/controllers.js"></script> 
</body> 
</html> 
+0

がそこに投げされていますバックエンドまたはフロントエンドでまた、通常、そのエラーには通常、問題がどこにあるかを示す行/列番号が付いています。これは、おそらく基本的な構文エラーです。 – user2263572

+0

私は見ることができません。最初は誤植だと思っていましたが、問題の原因となっているserver.jsファイルがかなりわかりました。しかし、あなたがserver.jsを実行するときに – Showcaselfloyd

+0

を表現するのは新しいですが、端末に表示されるエラーですか?または、ブラウザのデベロッパーコンソールにエラーがありますか? – user2263572

答えて

0

は、このようなあなたのhtmlファイルサービス試してみてくださいです:

var express = require('express'); 
var app = express(); 
var path = require('path'); 

//middleware to resolve root directory 
app.use("/", express.static(path.resolve(__dirname))); 

//this is assuming index.html and server.js are in the same directory 
app.get('/', function(req, res) { 
    res.sendFile('/index.html'); 
}); 
+0

OK、別のnpmパッケージのパスが必要ですか? – Showcaselfloyd

+0

番号。パスはnodejs内に含まれます。 https://nodejs.org/api/path.html – user2263572

+0

Nope。いずれも機能しません。同じdirのserver.jsとindex.htmlでさえ。 – Showcaselfloyd

関連する問題