'Logo unable to resolve | nested too deep?

My folder structure is as follows:

src>components>sidebar>Sidebar.js src>Logo.svg

I am attempting to pull in the Logo into my Sidebar.js, but continuosuly get the error

Module not found: Error: Can't resolve './Logo.svg' in ....

I have attempted to pull in via

import Logo from './Logo.svg'

import Logo from '../Logo.svg'

and all other variations. I know it is an obvious error, but how is this error possible?

reactjs

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Solution	Source