Electron + AngularJS没有找到视图

Question

我正在尝试开发一个使用Electron的桌面应用程序。我也使用AngularJS。

我遇到的问题是，当我创建一个自定义指令并加载一个templateUrl时，视图无法加载，并且控制台表示它不存在。是的，路径是正确的，我相信它。

问题是应用程序已经在运行index.html，因此无法加载第二个文件。不用说，我自己没有足够的经验来解决这个问题。

我知道Electron在后端使用节点，所以我想设置路由和/或设置路径到我的静态文件可能会解决问题，但我不知道该怎么做。

我已经搜索了整个网络的解决方案，但我找不到明确的答案。你可以很容易地做到这一点

Answer 1

的方法之一，是通过添加模板上的角侧的内联模板，例如您的index.html：

<script type="text/ng-template" id="temp1.html"> 
    .... 
</script> 

然后你可以从你的指令引用它，就像templateUrl: temp1.html 。

否则，您也可以使用模块捆绑器。 Webpack有一个ng-template loader这是为你做的。 Gulp和Grunt也有等价物

另一件要尝试的方法是，如果需要从js端引用路径，则使用__dirname nodejs变量。 Here an example