vue笔记-报错

报错 TypeError: Cannot read properties of undefined (reading ‘use’)

详细报错：

TypeError: Cannot read properties of undefined (reading 'use')
    at eval (webpack-internal:///./src/index.js:6:45)

这个报错一般是使用Vue.use()方法时报错。
是因为Vue.use()是vue2的用法，vue3用法不通。

vue__WEBPACK_IMPORTED_MODULE_0__.default is not a constructor

详细报错：

vue__WEBPACK_IMPORTED_MODULE_0__.default is not a constructor
TypeError: vue__WEBPACK_IMPORTED_MODULE_0__.default is not a constructor

一般是在3.0版本用new来创建实例就会报这个错，new是2.0用法。

2.0用法：

import Vue from 'vue';
import App from './App.vue';
import router from '../src/index'; // 引入路由配置文件
 
new Vue({
   router, // 使用路由实例
   render: h => h(App)
 }).$mount('#app');

3.0用法(正确)：

import { createApp } from 'vue';
import App from './App.vue';
 
const app = createApp(App);
app.mount('#app');

报错 Cannot read properties of undefined (reading ‘push’)

详细报错：

Cannot read properties of undefined (reading 'push')
TypeError: Cannot read properties of undefined (reading 'push')

解决方案：
发现是没有写app.use(router);

报错 export ‘default’ (imported as ‘Router’) was not found in ‘vue-router’

一般是导入router时没用对版本对应的语法。

例如：vue3中使用vue2的语法：

这是2.0语法，就会报错。
import VueRouter from 'vue-router';

3.0的语法略，详见路由笔记。