作成した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>
がそこに投げされていますバックエンドまたはフロントエンドでまた、通常、そのエラーには通常、問題がどこにあるかを示す行/列番号が付いています。これは、おそらく基本的な構文エラーです。 – user2263572
私は見ることができません。最初は誤植だと思っていましたが、問題の原因となっているserver.jsファイルがかなりわかりました。しかし、あなたがserver.jsを実行するときに – Showcaselfloyd
を表現するのは新しいですが、端末に表示されるエラーですか?または、ブラウザのデベロッパーコンソールにエラーがありますか? – user2263572