title: Vue JS Error , The Requested Module does not provide an export named 'createApp'
body: <p>I wrote hello world vue js 3 simple Programme. then it gives following error. I want to pass vue property value to HTML value. but it doesn't work . please help me to resolve this .</p>
  <p>package.json</p>
  <pre><code>{
    &quot;name&quot;: &quot;myfirstproject&quot;,
    &quot;version&quot;: &quot;1.0.0&quot;,
    &quot;main&quot;: &quot;index.js&quot;,
    &quot;license&quot;: &quot;MIT&quot;,
    &quot;dependencies&quot;: {
      &quot;vite&quot;: &quot;^2.7.2&quot;,
      &quot;vue&quot;: &quot;^2.6.14&quot;
    }
  }
  
  </code></pre>
  <p>index.html</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;title&gt;Title&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id=&quot;app&quot;&gt;
          &lt;h1&gt;Hello world {{msg}}&lt;/h1&gt;
      &lt;/div&gt;
      &lt;script type=&quot;module&quot;&gt;
          import { createApp } from 'vue/dist/vue.esm.browser'
  
          const app = createApp({
              data(){
                  return {
                      msg: &quot;Sri Lanka&quot;
                  }
              },
          }).mount('#app');
  
      &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/am2Yk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/am2Yk.png" alt="enter image description here" /></a></p>