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

回答

相关问题