- Subscribe to RSS Feed
- Mark Question as New
- Mark Question as Read
- Float this Question for Current User
- Bookmark
- Subscribe
- Mute
- Printer Friendly Page
Resource Manager Web UI V2 shows a blank page
- Labels:
-
Cloudera Manager
Created ‎07-26-2018 11:50 AM
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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?
Created ‎07-27-2018 06:17 AM
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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.
Created ‎07-26-2018 11:58 AM
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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.
Created ‎07-26-2018 12:03 PM
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Unfortunately, an incognito window also displays a blank page.
Created ‎07-26-2018 12:13 PM
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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)
Created ‎07-27-2018 06:17 AM
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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.
Created ‎07-27-2018 07:40 AM
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Thank you @Akhil S Naik.
Your solution is works!
