I don't understand why I'm getting this error: "FileNotFoundError: [Errno 2] No such file or directory: 'style/style.css'"

I'm trying to load a CSS file into my Streamlit project, but I keep getting the above error. I promise, everything looks OK.

I created a folder named "style" in the same directory as the app file "brookfield.py". Inside this style folder, I created a CSS file with Notepad and named it "style.css".

I used the following code to load the style.css file:

#---- USE LOCAL CSS ----
def local_css(file_name):
    with open(file_name) as f:
        st.markdown(f"<style>{f.read()}</style>", unsafe_allow_html=True)

local_css("style/style.css")

Yet, I’m getting the following error:

FileNotFoundError: [Errno 2] No such file or directory: 'style/style.css'
Traceback:
File "C:\Users\Ronmi\Anaconda3\lib\site-packages\streamlit\scriptrunner\script_runner.py", line 557, in _run_script
    exec(code, module.__dict__)
File "brookfield.py", line 33, in <module>
    local_css("style/style.css")
File "brookfield.py", line 30, in local_css
    with open(file_name) as f:

Relative pathing is not relative to the source file, but the current working directory (CWD), therefore unable to find style.css.

First verify the CWD. You can do this by adding

import os
print("Current working directory:", os.getcwd())

To your brookefield.py file and by running the Streamlit application (it'll get printed to the console).

I'm pretty sure style/style.css won't be present in the CWD. Move these over to the CWD location and try again.

The error you're encountering, "FileNotFoundError: [Errno 2] No such file or directory: 'style/style.css'", indicates that the file "style.css" in the "style" folder is not being found by the Python script. This is likely due to the current working directory when the script is executed.

To fix this issue, you can try the following steps:

1. Check the Current Working Directory (CWD):

Print the current working directory to ensure it's the directory where your "brookfield.py" and "style" folder are located.

import os
print(os.getcwd())

2. Specify the Full File Path:
   Instead of relying on the CWD, provide the full file path to the "style.css" file to ensure the script can find it regardless of the CWD.

import os
import streamlit as st

def local_css(file_name):
    file_path = os.path.join(os.path.dirname(__file__), "style", file_name)
    with open(file_path) as f:
        st.markdown(f"<style>{f.read()}</style>", unsafe_allow_html=True)

local_css("style.css")

By using os.path.dirname(file), we get the directory path of the current script, and then we join it with the "style" folder and the "style.css" file name to create the full file path. This ensures that the script will find the "style.css" file regardless of the CWD.

3. Verify File Permissions:
   Ensure that the "style.css" file has the necessary read permissions, and the folder structure is correct.