Vue.js vuejs 3:未捕获类型错误:对象(…)不是函数
我无法摆脱这个错误。 有人给我小费为什么 我在版本3中使用vuejs和路由器 未捕获的TypeError:对象(…)不是函数Vue.js vuejs 3:未捕获类型错误:对象(…)不是函数,vue.js,vue-router,Vue.js,Vue Router,我无法摆脱这个错误。 有人给我小费为什么 我在版本3中使用vuejs和路由器 未捕获的TypeError:对象(…)不是函数 npm运行服务 用2个警告编译的警告 在./src/router.js“中未找到导出“createRouter”中的警告 ./src/router.js“导出'createWebHistory'中的'vue router'警告 在“vue路由器”中找不到 router.js: import { createWebHistory, createRouter } from
npm运行服务
用2个警告编译的警告在./src/router.js“中未找到导出“createRouter”中的警告 ./src/router.js“导出'createWebHistory'中的'vue router'警告 在“vue路由器”中找不到
router.js:
import { createWebHistory, createRouter } from "vue-router";
import UserSettings from "@/views/UserSettings.vue";
import UserEmailsSubscriptions from "@/views/UserEmailsSubscriptions.vue";
import UserProfile from "@/views/UserProfile.vue";
import UserProfilePreview from "@/views/UserProfilePreview.vue";
import Home from "@/views/Home.vue";
import About from "@/views/About.vue";
import Notfound from "@/views/Notfound.vue";
const routes = [
{ path: "/:catchAll(.*)", name: "Notfound", component: Notfound },
{
path: "/",
name: "Home",
component: Home,
},
{
path: "/about",
name: "About",
component: About,
},
{
path: "/settings",
// You could also have named views at tho top
component: UserSettings,
children: [
{
path: "emails",
component: UserEmailsSubscriptions,
},
{
path: "profile",
components: {
default: UserProfile,
helper: UserProfilePreview,
},
},
],
},
];
const router = createRouter({
history: createWebHistory(),
routes,
});
export default router;
App.vue
<template>
<h1>Nested Named Views</h1>
<router-view />
</template>
<script lang="ts">
export default {
name: 'App'
};
</script>
您需要将Vue路由器4与Vue 3一起使用
npm install vue-router@4
您需要将Vue路由器4与Vue 3一起使用
npm install vue-router@4