title: EJS Header/Footer not displaying
body: <p>I'm working a basic todo list app using EJS. I'm getting this when running. I'd like to be able to run app.js with the header and footer EJS. Except it does not reconize the header and I'm sure it's the right syntax. Any tips or pointers to help me out?</p>
  <p>P.S All my EJS files are located in the views folder</p>
  <p><code>Error: /Users/brenner/dev/web-dev-course/todolist-v1/views/list.ejs:2</code></p>
  <pre><code>Could not find the include file &quot; header&quot;
      1| 
   &gt;&gt; 2| &lt;%- include(&quot; header&quot; ) -%&gt;
      3| 
      4|   &lt;div class=&quot;box&quot; id=&quot;heading&quot;&gt;
      5|     &lt;h1&gt; &lt;%= listTitle %&gt; &lt;/h1&gt;
  </code></pre>
  <p>list.ejs :</p>
  <pre><code>
    &lt;div class=&quot;box&quot; id=&quot;heading&quot;&gt;
      &lt;h1&gt; &lt;%= listTitle %&gt; &lt;/h1&gt;
    &lt;/div&gt;
  
    &lt;div class=&quot;box&quot;&gt;
  
  
      &lt;% newListItems.forEach(function(item){ %&gt;
      &lt;form action=&quot;/delete&quot; method=&quot;post&quot;&gt;
        &lt;div class=&quot;item&quot;&gt;
          &lt;input type=&quot;checkbox&quot; name =&quot;checkbox&quot; value=&quot;&lt;%=item._id%&gt;&quot; onChange=&quot;this.form.submit()&quot;&gt;
          &lt;p&gt;&lt;%=  newListItems[i].name  %&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/form&gt;
  
      &lt;% }) %&gt;
  
  
      &lt;% for (let i=0; i&lt;newListItems.length; i++) { %&gt;
        &lt;div class=&quot;item&quot;&gt;
          &lt;input type=&quot;checkbox&quot;&gt;
          &lt;p&gt;&lt;%=  newListItems[i].name  %&gt;&lt;/p&gt;
        &lt;/div&gt;
        &lt;input type=&quot;hidden&quot; name=&quot;listName&quot; value=&quot;&lt;%= listTitle %&gt;&quot;&gt;&lt;/input&gt;
        &lt;% } %&gt;
  
        &lt;form class=&quot;item&quot; action=&quot;/&quot; method=&quot;post&quot;&gt;
          &lt;input type=&quot;text&quot; name=&quot;newItem&quot; placeholder=&quot;New Item&quot; autocomplete=&quot;off&quot;&gt;
          &lt;button type=&quot;submit&quot; name=&quot;list&quot; value=&quot;&lt;%= listTitle %&gt;&quot;&gt;+&lt;/button&gt;
        &lt;/form&gt;
    &lt;/div&gt;
  
  &lt;%- include(&quot;footer&quot;) -%&gt;
  </code></pre>
  <p>Header</p>
  <pre><code>
  &lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot;&gt;
    &lt;head&gt;
      &lt;meta charset=&quot;UTF-8&quot;&gt;
      &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
      &lt;title&gt;Document&lt;/title&gt;
      &lt;link rel=&quot;stylesheet&quot; href=&quot;css/styles.css&quot;
    &lt;/head&gt;
    &lt;body&gt;
  </code></pre>
  <p>Footer</p>
  <pre><code>
  &lt;footer&gt;
    Copyright 2020 Brenner Inc
  &lt;/footer&gt;
  
  &lt;/html&gt; ```
  
  </code></pre>