Uncaught TypeError: Vue is not a constructor

错误描述：image.png

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html>
<head>
	<title>Hello World!</title>
</head>
<!--通过CDN引入全局的vue.js文件-->
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<body>
	<h1>{{mess}}</h1>
    <div id="app">
        Hello, Vue!
    </div>
    <script>
        //创建Vue的实例并且绑定
        var app = new Vue ( {
            el:"#app",
            data:{
                mes:"hello world!!"
            }
        })
      
    </script>

</body>
</html>

原因：通过CDN导入的vue3，应该导入vue2
修改：将

1
2
<!--通过CDN引入全局的vue.js文件-->
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>

改成：

1
2
<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>

启动vue项目管理显示断开连接：

输入vue ui启动项目管理遇到的问题：
image.png
解决方法：添加系统环境变量：C:\Windows\System32；

删除vue项目的一个自定义组件后报:error Component name “elinput” should always be multi-word vue/multi-word-component-namesimage.png

原因：可能是你没有完全卸载eslint，它可能还存在于全局安装的包中。你可以使用npm list -g命令查看全局安装的包，如果看到eslint，就可以使用npm uninstall -g eslint --save命令卸载它。

Duplicate entry ‘1’ for key ‘t_emp.PRIMARY’

Duplicate：重复；原因：插入sql的主键重复了

Uncaught runtime errors:ERROR:vue__WEBPACK_IMPORTED_MODULE_0__.default is undefined

错误描述：
Snipaste_2023-07-10_13-36-22.png
原因：
我的项目使用的是 vue 3.3.4 版本，但是你的 main.js 文件中使用的是 vue 2 的语法。
image.png

1
2
3
4
5
6
7
8
9
10
11
12
13
14
import Vue from 'vue'
import Vuex from 'vuex'
import App from './App.vue'
Vue.config.productionTip = false 
Vue.use(Vuex)
let store = new Vuex.Store({ 
state:{
count: 100 
}
})
new Vue({ 
store,
render: h => h(App), 
}).$mount('#app')

修改方法：
方法1：main.js中使用vue3的语法：

1
2
3
4
5
6
7
8
9
10
11
12
13
import { createApp } from 'vue'
import App from './App.vue'
import Vuex from 'vuex'

let store = new Vuex.Store({ 
state:{
count: 100 
}
})

const app = createApp(App)
app.use(store)
app.mount('#app')

方法2：重新创建一个项目，创建项目的时候注意选择vue2版本的。