title: createVNode is not a function (Vue with Laravel)
body: <p>I'm trying to make a component render as per an example I found online.</p>
  <p>I created a sample project and it works fine there, but it crashes when I'm trying to use the same thing on the official code base.</p>
  <p>here is the contents of the blade file which is rendered.</p>
  <pre class="lang-php prettyprint-override"><code>&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;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;ie=edge&quot;&gt;
      &lt;title&gt;Vue SPA Demo&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id=&quot;app&quot;&gt;
          asdfsadfsadsdf
          &lt;example-component&gt;&lt;/example-component&gt;
      &lt;/div&gt;
  
      &lt;script src=&quot;js/app.js&quot;&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>then, here is app.js</p>
  <pre class="lang-js prettyprint-override"><code>window.Vue = require(&quot;vue&quot;).default;
  import ExampleComponent from './components/ExampleComponent.vue';
  
  Vue.component('example-component', ExampleComponent);
  </code></pre>
  <p>and here is ExampleComponent.vue</p>
  <pre><code>&lt;template&gt;
      &lt;div&gt;
          &lt;div&gt;Example Component&lt;/div&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  &lt;script&gt;
      export default {
          mounted() {
              console.log('Component mounted.')
          }
      }
  &lt;/script&gt;
  </code></pre>
  <p>here is what the page looks like:<br />
  <a href="https://i.stack.imgur.com/NO9Vu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NO9Vu.png" alt="enter image description here" /></a></p>
  <p>and here is the error:
  <a href="https://i.stack.imgur.com/y8oGl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/y8oGl.png" alt="enter image description here" /></a></p>
  <p>Fun fact: when I try to include the component like this instead, it displays &quot;Test&quot; as expected</p>
  <pre class="lang-js prettyprint-override"><code>Vue.component('example-component', {
      template: '&lt;div&gt;Test&lt;/div&gt;'
  });
  </code></pre>
  <p>so it is clear to me that this line/file is the issue</p>
  <pre class="lang-js prettyprint-override"><code>import ExampleComponent from './components/ExampleComponent.vue';
  </code></pre>