Jquery，bootstrap not loading

我跟隨this tutorial。Jquery，bootstrap not loading

但似乎像jquery或角或boostrap.min.js加載不正確。該文件的位置是正確的，但它仍然顯示我

Uncaught SyntaxError: Unexpected token <

所有我已經包括了JS文件main.html中

這裏是我的main.html中

<html ng-app='ContactsApp'> 
     <head> 
      <title> My first Angular Project </title> 
      <base href='/'> 
      <link rel="stylesheet" type="text/css" href="src/boostrap.min.css"> 
     </head> 
     <body> 
      <div class = 'container'> 

        <div class='page-header'> 

          <h1> Contacts: {{message}}</h1> 
        </div> 
      </div> 

<script src = 'app/bower_components/jquery/jquery.min.js'></script> 
<script src = 'app/bower_components/bootstrap/js/boostrap.min.js'></script> 
<script src = 'app/bower_components/angular/angular.min.js'></script> 
<script src= 'public/app.js'></script> 
     </body> 
</html>

這裏是我的應用程序。 JS

angular.module('ContactsApp', []) 
.run(function ($rootScope){ 

    $rootscope.message = "Hello Angular.."; 
});

這裏是我的server.js

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

來源

2015-04-24 stry

代碼看起來確定..你確定這些文件被拉下了涼亭？他們是否存在於js裏面的那些目錄中？ –

如何確保這些文件被涼亭拉下？是的，他們確實存在於這些目錄中。這條路肯定沒有錯。 – stry

你是否獲得了404這些涼亭資產？ –

在項目中鏈接的文件夾中有jQuery，bootstrap，angular文件嗎？讓我們假設你不這樣做，讓我們嘗試通過在線鏈接這些文件。然後，你的main.html中會是什麼樣子：

<html ng-app="ContactsApp"> 
     <head> 
      <title> My first Angular Project </title> 
      <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.css"> 
      <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.css.map"> 
     </head> 
     <body> 
      <div class = 'container'> 

        <div class='page-header'> 

          <h1 ng-cloak> Contacts: {{message}}</h1> 
        </div> 
      </div> 

     <script src= 'https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> 
     <script src= 'https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/js/bootstrap.min.js'></script> 
     <script src= 'https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular.min.js'></script> 
     <script src= 'public/app.js'></script> 
     </body> 
</html>

和你app.js會是什麼樣子：

angular.module('ContactsApp', []) 
.run(function ($rootScope){ 

    $rootScope.message = "Hello Angular.."; 
});

與您當前app.js的問題是，$ rootScope的 'S'。消息不是大寫。

我希望這會有所幫助。

來源

2015-04-24 17:55:52

我會仔細檢查腳本的路徑。根據您的快遞路線，如果無法找到js文件，它將以public/main.html迴應。然後瀏覽器會嘗試加載，作爲腳本，這將給出語法錯誤約<

來源

2015-04-24 17:56:13

Jquery，bootstrap not loading

回答

相關問題