b***@qq.com
b***@qq.com
  • 发布:2023-01-28 13:18
  • 更新:2023-01-28 13:18
  • 阅读:1166

【报Bug】vue3+vite+ts模板工程开启router之后报错 Cannot read properties of undefined (reading 'use')`

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 10.13.6

浏览器平台: Edge

浏览器版本: 109.0.1518.49 (正式版本) (x86_64)

项目创建方式: CLI

CLI版本号: 5.0.8

示例代码:

1. main.ts代码如下:

import { createSSRApp, createApp} from "vue";  
import App from "./App.vue";  
import router from "../src/router/index"  

const app = createApp(App);  

// 写上此句报错,不写依然报同样错,甚至删除这两句也报同样错。  
// app.use(router);  
// app.mount('#app');  
console.log(app);

2./src/router/index.ts代码如下:

import { createRouter, createWebHistory, createWebHashHistory} from "vue-router";  
import indexVue from "@/pages/index/index.vue";  
import userIndexVue from "@/pages/user/index.vue";  
import loginVue from "@/pages/user/login.vue";  

const routes = [  
    {  
        path: '/',  
        name: "home",  
        component: indexVue,  
        alias: ['/home', '/index']  
    },  
    {  
        path: '/user',  
        name: "user-index",  
        component: userIndexVue,  
        alias: ['/user/index']  
    },  
    {  
        path: '/login',  
        name: 'login',  
        component: loginVue,  
        alias: ['/user/login']  
    }  
];  

const router =  createRouter({  
    history: createWebHistory(),  
    routes  
});  

export default router;

3.App.vue中头部加入以下

<template>  
        <router-view />  
</template>

操作步骤:
  1. 直接使用官方vite+ vue3 + ts模板创建工程。
  2. 写两个简单路由配置。
  3. 修改App.vue,main.ts中代码引入router即可。

预期结果:

正常运行。

实际结果:

报错如下:
Uncaught TypeError: Cannot read properties of undefined (reading 'use')
at main.ts:21:16

如代码,连 use根本都没用。console.log(app)又能看到有结果,并非 undefined。

bug描述:

  1. 使用uni官方样板创建的vue3 + vite + ts的工程:https://gitee.com/dcloud/uni-preset-vue/repository/archive/vite-ts.zip
  2. 使用的 router。
  3. 但main.ts运行就出错,报错:TypeError: Cannot read properties of undefined (reading 'use') , 明明代码中连 use 都没有用。
  4. 怎么改都不行,也不知道原因,详细见代码。
2023-01-28 13:18 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复