angularjs - 为什么 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. 我的 Angular 路由重定向到http://localhost:8000/home.

但是，如果然后我 refresh 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>