Vue JS 錯誤，請求的模塊未提供名為“createApp”的導出

Question

我寫了hello world vue js 3 simple Programme。 然后它給出以下錯誤。 我想將 vue 屬性值傳遞給 HTML 值。 但它不起作用。 請幫我解決這個問題。

package.json

{
  "name": "myfirstproject",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "dependencies": {
    "vite": "^2.7.2",
    "vue": "^2.6.14"
  }
}

索引.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="app">
        <h1>Hello world {{msg}}</h1>
    </div>
    <script type="module">
        import { createApp } from 'vue/dist/vue.esm.browser'

        const app = createApp({
            data(){
                return {
                    msg: "Sri Lanka"
                }
            },
        }).mount('#app');

    </script>
</body>
</html>

Answer 1

我編輯了package.json ，並添加"vue": "^3.2.26"然后刪除 node_modules 並運行yarn install ，

然后問題已經解決

Vue JS 錯誤，請求的模塊未提供名為“createApp”的導出

問題描述

1 個解決方案

解決方案1
0 2021-12-15 06:58:44

Vue JS 錯誤，請求的模塊未提供名為“createApp”的導出

問題描述

1 個解決方案

解決方案1 0 2021-12-15 06:58:44

解決方案1
0 2021-12-15 06:58:44