gulp-livereload가 "Uncaught SyntaxError : 예상치 못한 토큰 <"을 발생시키는 이유는 무엇입니까?

Question

내 gulpfile.js에서 항상 을 반환하도록 express을 설정했습니다.

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를 새로 고칠 경우, I 참조 콘솔에서 다음과 같은 오류 :

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>