title: ionic 4 adding side menu
body: <p>i started a project with tab template which i then later decided to add a side menu. the trouble is the side menu does not appear at all. here is my app.components.html looks like</p>
  
  <pre><code>&lt;ion-app&gt;
      &lt;ion-split-pane&gt;
          &lt;ion-menu side="start"&gt;
              &lt;ion-header translucent&gt;
                &lt;ion-toolbar color="secondary"&gt;
                  &lt;ion-title&gt;Menu&lt;/ion-title&gt;
                &lt;/ion-toolbar&gt;
              &lt;/ion-header&gt;
              &lt;ion-content&gt;&lt;ion-list&gt;&lt;ion-item&gt;he vik&lt;/ion-item&gt;&lt;/ion-list&gt;&lt;/ion-content&gt;
            &lt;/ion-menu&gt;
            &lt;ion-router-outlet&gt;&lt;/ion-router-outlet&gt;
  
          &lt;/ion-split-pane&gt;
  &lt;/ion-app&gt;
  </code></pre>
  
  <p>actually after doing above my actual page comes for a brief second and shows a white page due to this. </p>
  
  <p>in the console i see an error</p>
  
  <pre><code>sz7tok82.entry.js:5 Menu: must have a "content" element to listen for drag events on.
  </code></pre>
  
  <p>but i already have content element.</p>