Kickstart UI not booting up on creating management cluster UI

[PradeepLoganathan]

Bug Report

TCE Management UI not starting up.

Expected Behavior

I should be able to see the management UI and create K8s cluster locally or in the cloud

Steps to Reproduce the Bug

1. Use this command to start the management UI ``tanzu management-cluster create --ui
2. I get the "Serving kickstart UI at http://127.0.0.1:8000" messagge
3. Navigating to the above URL shows a blank page.
4. Browser console displays this message "Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/plain". Strict MIME type checking is enforced for module scripts per HTML spec."
   5

Screenshots or additional information and context

Environment Details

• Build version (tanzu version): version: v0.2.1
• Deployment (Managed/Standalone cluster): Standalone cluster
• Infrastructure Provider (Docker/AWS/Azure/vSphere): Docker
• Operating System (client): Windows 11 Build 220000.282

Diagnostics and log bundle

C:>tanzu diagnostics collect
2021/10/22 10:07:59 Collecting bootstrap cluster diagnostics
2021/10/22 10:07:59 Error: kind program binary not found
2021/10/22 10:07:59 Error: One or more required program(s) missing
2021/10/22 10:07:59 Warn: skipping management cluster diagnostics: management cluster: name not set
2021/10/22 10:07:59 Warn: skipping workload cluster diagnostics: workload cluster: name not set

[github-actions]

Hey @PradeepLoganathan! Thanks for opening your first issue. We appreciate your contribution and welcome you to our community! We are glad to have you here and to have your input on Tanzu Community Edition.

[jpmcb]

Thanks for opening this issue!

Can you also provide which browser you're using to open the web UI? May be worth trying a few different ones to see if the same error message pops up.

Do you see any output in the terminal when navigating to the page?

@miclettej any insight you can provide why there might be this kind of error message in the UI? Thanks much

[miclettej]

@PradeepLoganathan I suspect this is an issue on your windows machine that requires a bit of a tweak. Please see https://docs.vmware.com/en/VMware-Tanzu-Kubernetes-Grid/1.4/vmware-tanzu-kubernetes-grid-14/GUID-troubleshooting-tkg-tips.html#tanzu-kubernetes-grid-ui-does-not-display-correctly-on-windows-8

I am curious if HKEY_CLASSES_ROOT .js is set to handle 'application/javascript' on your machine

[stmcginnis]

Any update on this @PradeepLoganathan? It looks like @miclettej's suggestion might be it, but would be great to get confirmation that your issue has been resolved. Thanks!

[PradeepLoganathan]

Hello @stmcginnis Yes, the registry fix worked great. The UI is now visible and i am able to create clusters on Azure and AWS.