webpack-dev-server electron angular 1.6.1 hot reload 黑屏

Question

我目前正在学习 Electron，我在 Angular 中使用 webpack 创建了一个简单的应用程序来 livereload。然而，在热重载时，应用程序会加载一个空白视图，*请参见下面的屏幕截图，我必须重新启动电子才能将其取回。我在 React 中做了一个类似的应用程序，它运行良好。

我把代码放在了一个 repo https://github.com/graemec23/Favourite-places-ng1

如有任何建议，我将不胜感激。

Answer 1

原来这个问题是因为 Angular ui-router 中的 html5Mode，它需要一个服务器并且不能在 file:// 协议上工作。设置 enabled 为 false 解决了它。

$locationProvider.html5Mode({
  enabled: false,
  requireBase: false,
});