title: VueJS error compiling template
body: <p>I just made my first project with VueJS and Vue-loader. </p>
  
  <p>So I made my first component to show a simple message, it works fine when I make one message, but I get an error when I make multiple messages:</p>
  
  <pre><code>(Emitted value instead of an instance of Error) 
    Error compiling template:
  
    &lt;message&gt;This is a small message!&lt;/message&gt;
  
    &lt;message&gt;Another one&lt;/message&gt;
  
    - Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.
  </code></pre>
  
  <p>This is my code. I'm very new to this and I can't figure out what's wrong.</p>
  
  <p><strong>App.vue</strong>
  <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;template&gt;
      &lt;message&gt;This is a small message!&lt;/message&gt;
  
      &lt;message&gt;Another one&lt;/message&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      import Message from './Components/Message.vue';
  
      export default {
          name: 'app',
  
          components: {
              Message,
          },
  
          data () {
              return {
  
              }
          }
      }
  &lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><strong>Message.Vue</strong>
  <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;template&gt;
      &lt;div class="box"&gt;
          &lt;p&gt;
              &lt;slot&gt;&lt;/slot&gt;
          &lt;/p&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      export default {
  
      }
  &lt;/script&gt;
  
  &lt;style&gt;
      .box { background-color: #e3e3e3; padding: 10px; border: 1px solid #c5c5c5; margin-bottom: 1em;}
  &lt;/style&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I hope somebody can help!</p>