question Re: Resource Manager Web UI V2 shows a blank page in Archives of Support Questions (Read Only)

Resource Manager Web UI V2 shows a blank page

gcl8775 — Thu, 26 Jul 2018 18:50:07 GMT

I was successfully install ambari 2.7v and hdp 3.0.

But, When i connect to Resource Manager UI(v2), web browser shows a blank pages.

In a chrome development tool, i found an error.

"Uncaught TypeError: Cannot read property 'join' of null"

TypeError: Cannot read property 'join's null

at new i (http://hostname:8088/ui2/assets/vendor.js:5598:40988)

at l (http://hostname:8088/ui2/assets/vendor.js:5598:41338)

...

TypeError: Cannot read property '0' of undefined

at Class.error (yarn-ui.js:268)

at Object.triggerEvent (vendor.js:1800)

...

I tested it in a browser like Chrome, Internet Explorer, Opera, i got a same blank pages.

But, I tested it in Firefox, Resource Manager UI(v2) works fine.

What is problem? How can i fix this problem?

Re: Resource Manager Web UI V2 shows a blank page

akhilsnaik — Thu, 26 Jul 2018 18:58:49 GMT

Hi @L James,

As you said it works in another browser fine. it can be a case some javascript files are cached in the browser.

Can you try in incognito mode in Google Chrome and see if it works

To open an incognito window, start Chrome and click the wrench icon in the top right corner of the screen.Click New Incognito Window and start browsing. Alternatively, you can press Ctrl+ Shift + N to bring up a new incognito window without entering the Chrome settings menu.

Please let me know if this helps.

Re: Resource Manager Web UI V2 shows a blank page

gcl8775 — Thu, 26 Jul 2018 19:03:15 GMT

Unfortunately, an incognito window also displays a blank page.

Re: Resource Manager Web UI V2 shows a blank page

gcl8775 — Thu, 26 Jul 2018 19:13:47 GMT

This is full stack trace..

TypeError: Cannot read property 'join's null

at new i (hostname:8088/ui2/assets/vendor.js:5598:40988)

at l (hostname:8088/ui2/assets/vendor.js:5598:41338)

at p (hostname:8088/ui2/assets/vendor.js:5598:42035)

at Function.q [as guess] (hostname:8088/ui2/assets/vendor.js:5598:42235)

at getDefaultTimezone (hostname:8088/ui2/assets/yarn-ui.js:366:445)

at convertTimestampWithT (hostname:8088/ui2/assets/yarn-ui.js:366:656)

at Object.timeStampToDate (hostname:8088/ui2/assets/yarn-ui.js:348:127)

at Class.internalNormalizeSingleResponse (hostname:8088/ui2/assets/yarn-ui.js:287:73)

at Class.<anonymous> (hostname:8088/ui2/assets/yarn-ui.js:288:2024)

at Array.map (native)

Re: Resource Manager Web UI V2 shows a blank page

akhilsnaik — Fri, 27 Jul 2018 13:17:57 GMT

Hi @L James ,

Thanks for the full stack trace.

I was able to Figure out the issue.

the issue is in the Underlying framework that yarn-ui deals with : moment-timezone-with-data-2010-2020

this is the Error you are facing : https://github.com/moment/moment-timezone/issues/294

You can actually fix this in the javascript side only

you need to navigate to : /usr/hdp/3.0.0.0-1634/hadoop-yarn/webapps/ui2/assets/ find yarn-ui.js

Copy it to your windows system, Format the code.find the line :

var getDefaultTimezone = function getDefaultTimezone() { return moment.tz.guess() || defaultTz; };

change it to :

var getDefaultTimezone = function getDefaultTimezone() {
    var guess= defaultTz;
    try{ 
      guess =moment.tz.guess()
    }catch (e){
      console.log(e);
    }
    return guess || defaultTz;
  };

Copy it back to /usr/hdp/3.0.0.0-1634/hadoop-yarn/webapps/ui2/assets/yarn-ui.js .

Reload the webpage with Cntrl+shift+R (hard reload) or try in incognito mode. it has to work well.

This issue might get fixed in next version of HDP.

If you found this answer helpfull . please mark this as best answer and close this thread.

Re: Resource Manager Web UI V2 shows a blank page

gcl8775 — Fri, 27 Jul 2018 14:40:40 GMT

Thank you @Akhil S Naik.

Your solution is works!