【问题标题】:Angular - blank page, how to diagnose bootstrapping issues?Angular - 空白页面,如何诊断引导问题?
【发布时间】:2014-06-05 21:43:51
【问题描述】:

我有一个工作(开发中)Angular 应用程序,我刚刚让我的 Grunt 分发脚本按我想要的方式工作,但是当通过 Grunt 运行我的应用程序然后从分发文件夹运行它时,我只是得到一个空白页面,没有错误,没有登录控制台,Chrome 的网络选项卡中没有丢失文件等,似乎一切都加载了,但没有任何反应。

我之前在开发过程中遇到过这个问题,并一直在努力直到它起作用,但是由于分发中的缩小文件等,这现在变得更加复杂。

我想正确诊断这个空白页问题,但我不确定从哪里开始,看起来 Angular 在处理到 dist 模式后根本没有引导。

对于 Angular 来说似乎没有非常冗长的诊断模式,我已经切换到 uniminified 并且根本没有任何报告。

我检查了缩小的 html 文件,我的 ng-app 标记仍然在 html 元素上,因为它应该是这样,所以这不是问题。

另外,如果我进入控制台,我可以输入 angular 并取回它的输出,所以它就在那里,只是什么都不做。

从哪里开始?

【问题讨论】:

  • 发现我的引导问题的解决方案是使用 uglify 的 mangle:false 选项,但是这不是必需的,因为我正在使用 Angular 的模块引用的缩小安全数组方法并且它没有帮助找出实际问题出在哪里,所以这个问题仍然存在。

标签: angularjs bootstrapping


【解决方案1】:

从加载页面时打开的 Chrome 开发工具开始。 在所有服务和控制器的顶部添加 $log.debug 语句。

如果没有

,app.js 将无法工作
['paramname1', 'paramname2', function(paramname1, paramname2) {

版本(没有它,所有其他文件都可以缩小。)

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-06-25
    • 2013-05-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多