javascript - AngularJS 不会在浏览器重新加载时运行

Question

我有一个使用以下组件的新项目:

1. Node.js (v0.10.37)
2. Express 微框架
3. Jade 模板引擎
4. Angular.js(最新)
5. Material 设计库 (material.angularjs.org)
6. J查询

我在重新加载浏览器(点击浏览器刷新按钮)时遇到问题。我没有使用任何 Angular.js 路由功能。我使用的是 Express 路由器，每个页面都有一个路由。

当我尝试刷新时，使用此组件构建的页面有时(20 次重新加载中的 1 次)AngularJS 只是没有运行而没有任何控制台错误。

当我在如下路线之间导航时，问题更为常见:

我在 localhost:3000/index 我进入 localhost:3000/about

在这种情况下更容易出现这个问题。

编辑:我没有使用任何 AngularJS 路由功能。

编辑:我还测试了 DOMContentLoaded 包装解决方案。

编辑:我附加了一个 plunker，但问题没有重现。我认为这也与服务器有关。 plunker 非常接近现实。

ng-app="StarterApp"
See the plunker :)

编辑: http://plnkr.co/edit/Vi1AQxNxJTDBf4B1ZEhr?p=preview

编辑:如果您在 plunker 上遇到错误，请告诉我。

编辑:我还尝试激活:$locationProvider.html5Mode(true);

编辑: 我还发现，当服务器和计算机(在本地主机上运行)压力很大时，会发生这种情况。 (82% RAM - 1 个 CPU 核心，99%)

我还跟踪了请求，发现文件在主请求上正确加载，但在 Angular 中完成的请求(Ajax 请求)没有触发。

我还安装了一些 Chrome AngularJS 调试插件，发生这种情况时它也没有运行。

这种情况有时会发生在我所有的页面上，所以我认为某些代码不会有用。

为了解决这个问题，我再次重新加载，有时我重新加载 2 次以启动 Angular.JS。

有以下几种情况:

什么时候工作

界面

控制台

当它不工作时

界面

控制台

这真让我恼火。我将继续调查此问题，但非常感谢任何帮助。

Answer 1

埃夫里卡!

我发现了问题。谢谢大家的支持。

是关于 angular.js 调试 chrome/firefox 扩展的问题。

Ng-Inspector 在每次加载脚本 ng-inspector.js 时加载，在这个脚本中，它是一个处理 $state 服务并声明如何加载用户模块的 Controller ，以便将调试数据推送到插件中。

不知何故，这个加载配置与我的加载配置混淆了。

代码写得很好，但我没有想到这一点。

因此，如果您遇到此问题，请确保您的调试插件(ng-inspector 和 angular batarang)不会与项目中的业务逻辑交互。

我做了一些压力测试以确保不再出现此问题。

服务器负载

现在一切都好。