Manageiq: Cannot browse automation method on a fresh installation

[ioggstream]

Reproduce

1. Install a fresh appliance from http://releases.manageiq.org/manageiq-openstack-euwe-2.qc2
2. Browse automation methods https://localhost/miq_ae_class/explorer

I expect

To see a list of methods

Instead

• The webpage hangs
• the last call is

POST /miq_ae_class/tree_autoload
[ ...,
    {
        "class": "",
        "image": "/assets/100/ae_namespace-4403001e881b8e1895d8bdc804ac24a619dbb709b5837af7c5a4b99108a464cf.png",
        "key": "aen-49",
        "lazyLoad": true,
        "state": {
            "expanded": false
        },
        "text": "Service",
        "tooltip": "Automate Namespace: Service"
    },
...
]

• Chrome js console shows the following error

Uncaught TypeError: Cannot read property 'find' of undefined
    at miqTreeFindNodeByKey (application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:3)
    at miqExpandParentNodes (application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:3)
    at miqInitTree (application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:3)
    at explorer:1136
application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:3 Uncaught TypeError: $.ajax(...).success is not a function
    at Object.lazyLoad (application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:3)
    at n._lazyLoad (application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:1063)
    at n._toggleExpanded (application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:1063)
    at n._clickHandler (application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:1063)
    at HTMLDivElement.a (application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:26)
    at HTMLDivElement.dispatch (application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:37)
    at HTMLDivElement.f.handle (application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:37)
lazyLoad @ application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:3
n._lazyLoad @ application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:1063
n._toggleExpanded @ application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:1063
n._clickHandler @ application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:1063
a @ application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:26
dispatch @ application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:37
f.handle @ application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:37

application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:3 Uncaught TypeError: $.ajax(...).success is not a function
    at Object.lazyLoad (application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:3)
    at n._lazyLoad (application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:1063)
    at n._toggleExpanded (application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:1063)
    at n._clickHandler (application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:1063)
    at HTMLDivElement.a (application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:26)
    at HTMLDivElement.dispatch (application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:37)
    at HTMLDivElement.f.handle (application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:37)

[h-kataria]

@miq-bot assign @himdel

[h-kataria]

@himdel can you please take a look, looks like some latest refactoring in the trees caused this issue.

[himdel]

@ioggstream Sorry about that, this is caused by (unintentionally) using jQuery 3 instead of jQuery 2.

This good news is that this has been fixed in https://github.com/ManageIQ/manageiq/pull/14200, so the future euwe release should be fine again (pun intended :)).

[ioggstream]

@himdel thanks for watching!

Actually I wouldn't distribute this broken image http://releases.manageiq.org/manageiq-openstack-euwe-2.qc2

It's only bad publicity around the project ;)

Thx++,
R.

[ITD27M01]

Hi @himdel How can I resolve this issue on deployed euwe-2 ?

[ITD27M01]

@himdel
Maybe I'm not doing the right thing, but my attempts have not led me to success. I try to uninstall jquery#3.1.1:

````
[vmdb]# systemctl stop evmserverd

[vmdb]# bower uninstall jquery
bower conflict angular-bootstrap-switch, bootstrap, bootstrap-datepicker, bootstrap-select, datatables, eonasdan-bootstrap-datetimepicker, jasmine-jquery, jquery-ui, jquery-ujs, patternfly-bootstrap-treeview, patternfly-sass depends on jquery
? Continue anyway? Yes
bower uninstall jquery

[vmdb]# bower cache clean
[vmdb]# bower install
bower jquery#>=1.7.0 not-cached https://github.com/jquery/jquery-dist.git#>=1.7.0
bower jquery#>=1.7.0 resolve https://github.com/jquery/jquery-dist.git#>=1.7.0
bower jquery#>=1.7.1 not-cached https://github.com/jquery/jquery-dist.git#>=1.7.1
bower jquery#>=1.7.1 resolve https://github.com/jquery/jquery-dist.git#>=1.7.1
bower jquery#>= 1.9.0 not-cached https://github.com/jquery/jquery-dist.git#>= 1.9.0
bower jquery#>= 1.9.0 resolve https://github.com/jquery/jquery-dist.git#>= 1.9.0
bower jquery#>=1.8 not-cached https://github.com/jquery/jquery-dist.git#>=1.8
bower jquery#>=1.8 resolve https://github.com/jquery/jquery-dist.git#>=1.8
bower jquery#~2.1.4 not-cached https://github.com/jquery/jquery-dist.git#~2.1.4
bower jquery#~2.1.4 resolve https://github.com/jquery/jquery-dist.git#~2.1.4
bower jquery#>1.8.* not-cached https://github.com/jquery/jquery-dist.git#>1.8.*
bower jquery#>1.8.* resolve https://github.com/jquery/jquery-dist.git#>1.8.*
bower jquery#1.9.1 - 3 not-cached https://github.com/jquery/jquery-dist.git#1.9.1 - 3
bower jquery#1.9.1 - 3 resolve https://github.com/jquery/jquery-dist.git#1.9.1 - 3
bower jquery#>=1.8.3 not-cached https://github.com/jquery/jquery-dist.git#>=1.8.3
bower jquery#>=1.8.3 resolve https://github.com/jquery/jquery-dist.git#>=1.8.3
bower jquery#>=2 not-cached https://github.com/jquery/jquery-dist.git#>=2
bower jquery#>=2 resolve https://github.com/jquery/jquery-dist.git#>=2
bower jquery#>=1.9.0 not-cached https://github.com/jquery/jquery-dist.git#>=1.9.0
bower jquery#>=1.9.0 resolve https://github.com/jquery/jquery-dist.git#>=1.9.0
bower jquery#>=1.6 not-cached https://github.com/jquery/jquery-dist.git#>=1.6
bower jquery#>=1.6 resolve https://github.com/jquery/jquery-dist.git#>=1.6
bower jquery#1.9.1 - 3 download https://github.com/jquery/jquery-dist/archive/3.2.1.tar.gz
bower jquery#>=1.8.3 download https://github.com/jquery/jquery-dist/archive/3.2.1.tar.gz
bower jquery#>=1.7.0 download https://github.com/jquery/jquery-dist/archive/3.2.1.tar.gz
bower jquery#>= 1.9.0 download https://github.com/jquery/jquery-dist/archive/3.2.1.tar.gz
bower jquery#>=1.8 download https://github.com/jquery/jquery-dist/archive/3.2.1.tar.gz
bower jquery#>=2 download https://github.com/jquery/jquery-dist/archive/3.2.1.tar.gz
bower jquery#~2.1.4 download https://github.com/jquery/jquery-dist/archive/2.1.4.tar.gz
bower jquery#>=1.7.1 download https://github.com/jquery/jquery-dist/archive/3.2.1.tar.gz
bower jquery#>=1.9.0 download https://github.com/jquery/jquery-dist/archive/3.2.1.tar.gz
bower jquery#>=1.6 download https://github.com/jquery/jquery-dist/archive/3.2.1.tar.gz
bower jquery#>1.8.* download https://github.com/jquery/jquery-dist/archive/3.2.1.tar.gz
bower jquery#>=1.9.0 extract archive.tar.gz
bower jquery#>=1.8 extract archive.tar.gz
bower jquery#>=1.7.0 extract archive.tar.gz
bower jquery#>=1.8.3 extract archive.tar.gz
bower jquery#>=2 extract archive.tar.gz
bower jquery#>=1.6 extract archive.tar.gz
bower jquery#>=1.7.1 extract archive.tar.gz
bower jquery#>1.8.* extract archive.tar.gz
bower jquery#>= 1.9.0 extract archive.tar.gz
bower jquery#1.9.1 - 3 extract archive.tar.gz
bower jquery#~2.1.4 extract archive.tar.gz
bower jquery#>=1.8 resolved https://github.com/jquery/jquery-dist.git#3.2.1
bower jquery#>=1.8.3 resolved https://github.com/jquery/jquery-dist.git#3.2.1
bower jquery#>=1.7.0 resolved https://github.com/jquery/jquery-dist.git#3.2.1
bower jquery#>=2 resolved https://github.com/jquery/jquery-dist.git#3.2.1
bower jquery#>=1.7.1 resolved https://github.com/jquery/jquery-dist.git#3.2.1
bower jquery#>=1.6 resolved https://github.com/jquery/jquery-dist.git#3.2.1
bower jquery#>1.8.* resolved https://github.com/jquery/jquery-dist.git#3.2.1
bower jquery#>= 1.9.0 resolved https://github.com/jquery/jquery-dist.git#3.2.1
bower jquery#1.9.1 - 3 resolved https://github.com/jquery/jquery-dist.git#3.2.1
bower jquery#>=1.9.0 resolved https://github.com/jquery/jquery-dist.git#3.2.1
bower jquery#~2.1.4 resolved https://github.com/jquery/jquery-dist.git#2.1.4
bower jquery extra-resolution Unnecessary resolution: jquery#>=2
bower jquery#~2.1.4 install jquery#2.1.4

jquery#2.1.4 vendor/assets/bower_components/jquery

[vmdb]# head -n3 vendor/assets/bower_components/jquery/dist/jquery.js
/*!

• jQuery JavaScript Library v2.1.4
• http://jquery.com/

[vmdb]# bower list | grep jquery
│ │ └── jquery#2.1.4 (3.2.1 available)
│ │ └── jquery#2.1.4
│ └── jquery#2.1.4 (3.2.1 available)
│ │ └── jquery#2.1.4 (3.2.1 available)
│ │ └── jquery#2.1.4
│ │ └── jquery#2.1.4 (3.2.1 available)
│ │ └── jquery#2.1.4
│ │ └── jquery#2.1.4 (3.2.1 available)
│ │ └── jquery#2.1.4
│ │ └── jquery#2.1.4
│ │ ├── jquery#2.1.4 (3.2.1 available)
│ ├── jquery#2.1.4 (latest is 3.2.1)
│ └── jquery#2.1.4 (3.2.1 available)
│ └── jquery#2.1.4
├─┬ jasmine-jquery#2.1.1
│ └── jquery#2.1.4 (3.2.1 available)
├── jquery#2.1.4 (latest is 3.2.1)
├── jquery-1.8#1.8.3
├─┬ jquery-ui#1.12.1
│ └── jquery#2.1.4 (3.2.1 available)
├─┬ jquery-ujs#1.2.2
│ └── jquery#2.1.4 (3.2.1 available)
├── jquery.observe_field#0.1.0
[vmdb]# systemctl start evmserverd
``````

But there is the same error in browser and I cannot expand any Automation domain and any expandable things like a users, groups, tenants.

```
Uncaught TypeError: Cannot read property 'find' of undefined
at miqTreeFindNodeByKey (application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:3)
at miqExpandParentNodes (application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:3)
at miqInitTree (application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:3)
at explorer:1041
application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:3 Uncaught TypeError: $.ajax(...).success is not a function
at Object.lazyLoad (application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:3)
at n._lazyLoad (application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:1063)
at n._toggleExpanded (application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:1063)
at n._clickHandler (application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:1063)
at HTMLDivElement.a (application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:26)
at HTMLDivElement.dispatch (application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:37)
at HTMLDivElement.f.handle (application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:37)
lazyLoad @ application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:3
n._lazyLoad @ application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:1063
n._toggleExpanded @ application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:1063
n._clickHandler @ application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:1063
a @ application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:26
dispatch @ application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:37
f.handle @ application-177db803fda52aa9746e123a06487ae0ee9370e037c725f9d8673cdad6fb866c.js:37
``````

[himdel]

@ITD27M01 you're close :).

The problem is, you also need to run rake evm:assets:compile (in /var/www/miq/vmdb/) for the newly downloaded jQuery version to get compiled to the bundle that the appliance actually serves.

(And you willl need to restart evmserverd again after that.)

[ITD27M01]

@himdel
Uhuuu! This is it.

Thank you!

[himdel]

:bowing_man: :smile:

@miq-bot close_issue