Vsphere Web client dev setup not working

[gaganjain]

Current setup:

Vcenter 6.5.0 build # 5973321

I have development setup with Virgo running on my local Mac (High Sierra). After I start the virgo, I get a login screen on my https://localhost:9443/ui, but as soon as I login, chrome/firefox browsers go blank screen. The console message of the browser shows a lot of exception like: (See screenshot attached also)

-----

Uncaught SyntaxError: Unexpected token )

clarity-angular1.min.js:38 Uncaught SyntaxError: missing ) after argument list

(index):255 Uncaught ReferenceError: $ is not defined

    at (index):255

    at (index):259

(anonymous) @ (index):255

(anonymous) @ (index):259

(index):132 GET https://localhost:9443/ui/resources/libs/vui-angular.min.js net::ERR_CONTENT_DECODING_FAILED

(index):138 GET https://localhost:9443/ui/resources/js/jsUiLib.min.js net::ERR_CONTENT_DECODING_FAILED

(index):129 GET https://localhost:9443/ui/resources/libs/vendor-defer.min.js net::ERR_CONTENT_DECODING_FAILED

kendo.custom.min.js:25 Uncaught SyntaxError: Unexpected string

init.js:6 Uncaught ReferenceError: _ is not defined

    at init.js:6

(anonymous) @ init.js:6

folder-ui.min.js:1 Uncaught ReferenceError: angular is not defined

    at folder-ui.min.js:1

(anonymous) @ folder-ui.min.js:1

vapp-ui.min.js:1 Uncaught ReferenceError: angular is not defined

    at vapp-ui.min.js:1

(anonymous) @ vapp-ui.min.js:1

common-module-ui.min.js:1 Uncaught ReferenceError: angular is not defined

    at common-module-ui.min.js:1

(anonymous) @ common-module-ui.min.js:1

storage-ui.min.js:1 Uncaught ReferenceError: angular is not defined

    at storage-ui.min.js:1

(anonymous) @ storage-ui.min.js:1

network-ui.min.js:1 Uncaught ReferenceError: angular is not defined

    at network-ui.min.js:1

(anonymous) @ network-ui.min.js:1

cluster-ui.min.js:1 Uncaught ReferenceError: angular is not defined

    at cluster-ui.min.js:1

(anonymous) @ cluster-ui.min.js:1

h5-advperfcharts-ui.min.js:1 Uncaught ReferenceError: angular is not defined

    at h5-advperfcharts-ui.min.js:1

(anonymous) @ h5-advperfcharts-ui.min.js:1

(index):221 GET https://localhost:9443/ui/resources/libs/vts.js net::ERR_CONTENT_DECODING_FAILED

network-lib-ui.min.js:1 Uncaught ReferenceError: angular is not defined

    at network-lib-ui.min.js:1

(anonymous) @ network-lib-ui.min.js:1

admin-ui.min.js:1 Uncaught ReferenceError: angular is not defined

    at admin-ui.min.js:1

(anonymous) @ admin-ui.min.js:1

vm-ui.min.js:1 Uncaught ReferenceError: angular is not defined

    at vm-ui.min.js:1

(anonymous) @ vm-ui.min.js:1

host-ui.min.js:1 Uncaught ReferenceError: angular is not defined

    at host-ui.min.js:1

------

Please provide any suggestion. My vCenter is working fine outside development environment.

Thanks

[Muthumani]

Did you find a solution for this, I am also hitting the same issue

[lucifer_morning]

This has been driving me insane for the past few days, but I've now determined that the problem lays with the version of the Java Development Kit.

Specifically I was using 8u151 for Windows (x64) and since I downgraded to 8u144 everything is now working fine.

[Muthumani]

Thanks for your suggestion, I was clueless on what the issue was and once I changed to 8u144 and it just worked. You made my day.

[laurentsd]

What SDK version are you using?  I can still reproduce this problem with High Sierra 10.13.2, Java SDK 1.8.0_144 and the vSphere  HTML Client SDK 6.5u1 (5972228)

[lucifer_morning]

It was the latest version of the SDK, but this was on the Windows platform not MAC.

[Muthumani]

Mine is also Windows 10

[laurentsd]

FYI, I posted the work-around for both Mac and Windows in the vSphere Client SDK forum (which is the best place for those SDK questions)

Re:Localhost HTML Client problem on Windows 10 and MacOS High Sierra

You need to disable the compression in the Tomcat connector for port 9443  in server/configuration/tomcat-server.xml

(i.e. replace compression="on" with compression="off" for that connector and restart the virgo server)