Last Updated on 2024-10-25 by Clay
Problem Description
Today, while developing a web application with React.js for the frontend and Python Flask for the backend, I pushed the project to my GitHub repository after reaching a satisfactory milestone. However, upon checking the repository, I was surprised to find that I couldn’t access the folder my-app created by npx create-react-app my-app.
Additionally, the folder that I couldn’t access had a right-arrow symbol on it.
To make matters worse, I discovered that not only was I unable to view the contents, but the frontend UI adjustments I had made were not tracked by version control at all.
Solution
This issue occurred because my-app was being treated as a submodule in Git. This is most likely due to a .git subfolder within my-app.
To resolve this, I had to take two steps:
- Delete the .git folder in
my-app
cd my-app
rm -rf .git2. Re-track my-app
cd ..
git rm --cache my-app
git add my-app
git commit -m "Remove git submodule and add my-app folder"
git push
After pushing the changes, the my-app folder is now accessible on the GitHub page.
References
- GitHub folders have a white arrow on them – Stack Overflow
- Folder converting to submodule in Repo #29405