kedro-viz: Kedro Viz build not displaying
Description
Get a “Oops, there’s nothing to see here” when deploying Kedro Viz dashboard using kedro viz build files. Note that Kedro Viz properly renders the dashboard when using kedro viz run, but cannot run when using kedro viz build files.
Context
Unable to share or distribute Kedro Viz in Azure Static Web Apps, or via .html files.
Steps to Reproduce
- Create a fresh Kedro template project (
kedro new, no starters) with an example pipeline - Install
requirements.txt kedro viz build- Open
index.htmlfile inbuild/folder, or deploy to Azure Static Web App (they yield the same error)
Expected Result
View of example pipeline.
Actual Result
Kedro dashboard with “Oops, there’s nothing to see here”, with a spinning wheel that never goes away.
Your Environment
Include as many relevant details as possible about the environment you experienced the bug in:
- Web browser system and version: Google Chrome
- Operating system and version: Ubuntu 22.04
- Kedro version used (if relevant): Kedro Viz 7.1.0, Kedro 0.19.2
- Python dependencies: default dependencies found in template
requirements.txtfile. - OS: Ubuntu 22.04
- Python version used (if relevant): 3.11.7
Checklist
- Include labels so that we can categorise your issue
About this issue
- Original URL
- State: closed
- Created 5 months ago
- Comments: 15 (10 by maintainers)
This should be an expected behavior as you would need a web server to run the static site. If not it will be just like opening a file in the browser.
For the record, note that this problem not only arises on cloud environments, but also locally https://github.com/kedro-org/kedro-viz/issues/1721#issuecomment-1916410936
Hi, @butterlyn,
We’ve had an overwhelming week with people on holidays, so we apologize for the delays in getting back to you.
The reason for your issue may be related to how you access the Azure Static Web App.
You need to enable static hosting on your Azure storage container. Please refer to the screenshot below.
You can copy/paste the primary endpoint mentioned for your static app as that will be the link you share with others.
Once you have enabled static website, within your container, you will find a $web folder. Inside this folder, you should upload the contents of the build folder so that they are in the root of the $web folder.
Once you’ve completed these steps, you’ll be able to access your Kedro-viz app via the primary endpoint.
Here’s Microsoft documentation on the same - https://learn.microsoft.com/en-us/azure/storage/blobs/storage-blob-static-website. Please let us know if this works.
@astrojuanlu Awesome 😁 will try and submit a pull request for a simpler issue to chip in (this one’s a bit beyond me)
That status update is hidden for me