爲什麼gulp-livereload會導致「Uncaught SyntaxError：Unexpected token <」？

Question

在我的gulpfile.js中，我設置了express總是返回index.html。

var server = express(); 
server.use(livereload({ port: 35729 })); 
server.use(express.static('./app')); 
server.all('*', function(req, res) { 
    res.sendFile('index.html', { root: './app' }); 
}); 

server.listen(8000); 
refresh.listen(35729); 

所有的作品在我第一次導航到localhost:8000時很好。我的角度路線重定向到http://localhost:8000/home。

但是，如果我再刷新http://localhost:8000/home，我在控制檯看到以下錯誤：

Uncaught SyntaxError: Unexpected token < 

這究竟是爲什麼？

DEMO HERE

Answer 1

這是造成angular route錯誤。您的index.html中的腳本引用需要相對於根。否則他們將不會被發現。

<script src="/bower_components/angular/angular.js"></script> 
<script src="/bower_components/angular-route/angular-route.js"></script> 

<script src="/app.js"></script> 
<script src="/home/home.js"></script> 
<script src="/home/home-controller.js"></script> 
<script src="/dashboard/dashboard.js"></script> 
<script src="/dashboard/dashboard-controller.js"></script>