I’m looking for troubleshooting guidance for getting custom Streamlit components working, especially for myself having weak familiarity with npm, js/react, etc.
I’ve cloned the components-template/examples repo and want to get the MaterialLogin example working as a starting point. I’ve followed the steps listed in the README:
- Setup my virtual environment (however using conda instead of venv)
- Activate environment, npm install, npm run start (with result: ‘compiles successfully’)
- Activate environment, streamlit run material_login.py using what seems like the correct url (http://localhost:3001)
- Ssh port forward streamlit to another machine, and semi-successfully open the app in a browser
THE PROBLEM: The page renders with no login component at all. All it shows is “None”, which seems to be the default return value from the component which is being printed to the screen through the st.write command. In other words, material_login.py seems to be running fine but I have no evidence that I’m successfully connecting to using the component.
How can I get the web component to render?? I don’t know the steps I should be going through to troubleshoot this. Please provide guidance.