为什么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>