Uncaught TypeError: Vue is not a constructor

vue的js导入运行出现在这样怎么回事啊?
出现在这样错误,困扰我好久了为什么啊

Title
{{message}}

img

题主vue文件有问题,重新下载一个或者引用别人网站的

<script src="https://unpkg.com/vue/dist/vue.js"></script>
<div id="app">
    {{message}}
</div>
<script>
    new Vue({
        el: '#app',
        data: { message:'Hello World!' }
    });
</script>

有帮助或启发麻烦点下【采纳该答案】,谢谢~~有其他问题可以继续交流~


<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>

试试这个,vue2官网里面的src

导入的js文件不对,应该是vue.js文件。

我也是一样的问题,只不过这一句可以???

Vue.createApp({
data() {
return {
message: 'Hello Vue!'
}
}
}).mount('#app')

如果使用的是Vue 3,则需要使用Vue.createApp()而不是Vue()。请检查的代码中是否正确使用了createApp()。
如果使用的是Vue 2,则请确保已经正确引入Vue,并且Vue已经被正确初始化。可以尝试在创建Vue实例之前添加以下代码:


var Vue = require('vue');
Vue.use(require('vue-resource'));
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
</head>

<body>
    <div id="app">
        <p>{{message}}</p>

    </div>
    <script type="text/javascript">
        new Vue({
            el: '#app',
            data: {
                message: "123465"
            },
        })
    </script>
</body>

</html>


我刚刚也遇到了类似的问题,用https://cdn.jsdelivr.net/npm/vue%E7%9A%84%E4%B8%8D%E8%A1%8C%EF%BC%8C%E5%AF%BC%E6%88%91%E8%87%AA%E5%B7%B1%E7%9A%84vue.js%E5%8F%AF%E4%BB%A5%EF%BC%8C%E8%80%8C%E4%B8%94%E6%8E%A7%E5%88%B6%E5%8F%B0%E6%8A%A5%E4%B8%80%E4%B8%AAvue is not a constructor的错,我去https://cdn.jsdelivr.net/npm/vue%E7%9C%8B%E4%BA%86%E6%89%8D%E5%8F%91%E7%8E%B0%EF%BC%8C%E8%BF%99%E9%87%8C%E9%9D%A2%E6%98%AFvue3%EF%BC%8C%E8%80%8C%E6%88%91%E7%9A%84%E4%BB%A3%E7%A0%81%E6%98%AFvue2%EF%BC%8C%E6%89%80%E4%BB%A5%7B%7B%7D%7D%E4%BB%80%E4%B9%88%E7%9A%84%EF%BC%8C%E9%83%BD%E7%94%A8%E4%B8%8D%E4%BA%86