webpack-dev-server electron angular 1.6.1 热重载黑屏

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,
});