Proper relative imports: "Unable to import module" : <p>I have a project structured like this:</p>

<pre><code>.
└── myapp
    ├── app.py
    ├── models
    │   ├── hello.py
    │   └── world.py
    └── requirements.txt
</code></pre>

<p>I have two models, <code>hello</code> and <code>world</code>. Both models are used from <code>app.py</code> where I import them like this:</p>

<pre><code>from models.hello import Hello
from models.world import World
</code></pre>

<p>But <code>world</code> also needs to use <code>hello</code>. I tried this in <code>world.py</code>:</p>

<pre><code>from models.hello import Hello
</code></pre>

<p>The above technically works when I run the app, but VSCode's Python extension gives me the following error:</p>

<pre><code>E0401:Unable to import 'models.hello'.
</code></pre>

<p>What is the proper way of importing a submodule from the same directory? How do I avoid this error in VSCode?</p>
