Rally-app-builder在浏览器中没有显示“故事板”应用程序

Rally-app-builder displays nothing in browser for "Story Board" app

本文关键字：故事 故事板 应用程序 显示 浏览器 Rally-app-builder      更新时间：2023-09-26

我一直在尝试学习如何使用Rally -app-builder构建一个Rally应用程序。我开始与你的第一个拉力赛应用教程https://help.rallydev.com/apps/2.0rc3/doc/#!/guide/first_app，在按照安装Node.js和rally-app-builder的说明之后，我到了我们应该在我们的应用程序中添加rallycombobox的步骤。然而，当我运行app- debug.html文件时，我的屏幕是空白的。我尝试添加其他对象而不是组合框，但浏览器的屏幕上仍然没有显示任何内容。我注意到几个月前也有人问过这个问题，但没有回答为什么会发生这种情况。我也尝试在几个浏览器中查看App-debug.html文件。它们都没有显示预期的输出。

下面是app.js文件的代码:

Ext.define('CustomApp', {
    extend: 'Rally.app.App',
    launch: function () {
        this.iterationCombobox = this.add({
            xtype: 'rallyiterationcombobox',
            listeners: {
                ready: this._onIterationComboboxLoad,
                scope: this
            }
        });
    },
});

如果我使用你发布的确切代码，我在Chrome的DevTools控制台得到这个错误:

Uncaught TypeError: Cannot read property 'fn' of undefined

这样做的原因是，在这段代码中，_onIterationComboboxLoad被调用但从未定义。尝试其他浏览器并检查javascript控制台是否有错误。

要修复这个错误，你可以在launch后面添加这个方法:

_onIterationComboboxLoad:function(){
//can be empty for now
}

至于使用rally app builder的一般步骤，请尝试如下:

假设安装了rally app builder，命令rab --version应该返回一个版本，例如0.9.2

在终端中，cd到您为故事板应用程序创建的目录。执行命令:

rab init "Story Board" 2.0rc3

你应该看到这样的输出:

Creating a new App named Story Board
Creating App-debug.html
Creating App.html
Creating App-uncompressed.html
Success

看看rally-app-builder (rab)生成的代码:

Ext.define('CustomApp', {
    extend: 'Rally.app.App',
    componentCls: 'app',
    items:{ html:'<a href="https://help.rallydev.com/apps/2.0rc3/doc/">App SDK 2.0rc3 Docs</a>'},
    launch: function() {
        //Write app code here
    }
})
在浏览器中打开App-debug.html。在空白页面的顶部应该有一个AppSDK2rc3文档的链接。这个链接表明应用程序正在工作。

假设它可以工作，你可以删除由rab生成的App.js文件的内容，并将其替换为此处构建你的第一个应用指南中的整个代码示例。复制app .js的整个代码在"完成的应用程序应该看起来像这样"，并在浏览器中测试它，以确保它的工作。之后，你可以再次删除App.js文件的内容，然后回到指南，一步一步地遵循它，知道会发生什么。

如果在任何时候你得到一个空页面，检查你的浏览器的开发工具控制台，也尝试其他浏览器。如果您当前没有在同一浏览器的另一个选项卡中登录Rally，则在加载App-debug.html时将提示您登录。

我从这个问题中学到了一些东西，我在空白的故事板页面上查找信息时遇到了很多问题。

一个是，您应该在您试图访问的Rally实例中定义的URL字符串中使用API密钥。否则，您将面临在开发工具中显示为no "Access-Control-Allow-Header"的错误。错误和空白屏幕。因此，该过程将与rally-app-builder一起开发，您使用rally-app-builder -run在本地运行web实例，然后在web浏览器打开时在URL中添加?apiKey="Your api key"，然后刷新浏览器。

相关文章：