title: Proper relative imports: "Unable to import module"
body: <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>