Resource Manager Web UI V2 shows a blank page

[#1]

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?

[#2]

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.

[#3]

Unfortunately, an incognito window also displays a blank page.

[#4]

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)

[#5 · Accepted solution]

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.

[#6]

Thank you @Akhil S Naik.

Your solution is works!