Vue.js 出口';默认值';在';vue';

Vue.js 出口';默认值';在';vue';,vue.js,vuejs3,Vue.js,Vuejs3,我是此vue的新手,在尝试运行(npm run serve)时遇到此错误: 应用程序运行于: 本地:http://localhost:8080/ 网络:* index.js 从“Vue”导入Vue; 从“vue路由器”导入VueRouter; 从“./views/Home.vue”导入主页; Vue.use(VueRouter); 常数路由=[{ 路径:“/home”, 姓名:“家”, 组成部分:家庭, 元:{ 真实的 } }, { 路径:“/”, 名称:“登录”, 组件:()=> 导入(“

我是此vue的新手,在尝试运行(npm run serve)时遇到此错误:

应用程序运行于:

  • 本地:http://localhost:8080/
  • 网络:*
index.js

从“Vue”导入Vue;
从“vue路由器”导入VueRouter;
从“./views/Home.vue”导入主页;
Vue.use(VueRouter);
常数路由=[{
路径:“/home”,
姓名:“家”,
组成部分:家庭,
元:{
真实的
}
},
{
路径:“/”,
名称:“登录”,
组件:()=>
导入(“../views/login.vue”)
},
{
路径:“/寄存器”,
名称:“注册”,
组件:()=>
导入(“../views/register.vue”)
}
];
常量路由器=新的VueRouter({
模式:“历史”,
base:process.env.base\u URL,
路线
});
路由器.beforeach((到、从、下一个)=>{
if(to.matched.some(record=>record.meta.requireAuth)){
if(localStorage.getItem(“jwt”)==null){
下一个({
路径:“/”
});
}否则{
next();
}
}否则{
next();
}
});
导出默认路由器;
main.js

从“Vue”导入Vue;
从“/App.vue”导入应用程序;
从“/router”导入路由器;
从“axios”导入axios;
导入“bootstrap/dist/css/bootstrap.css”;
const base=axios.create({
基本URL:“http://localhost:4000"
});
Vue.prototype.$http=base;
Vue.config.productionTip=false;
新Vue({
路由器,
渲染:h=>h(应用程序)
}).$mount(“#app”);

升级到vue v3时,应将vue路由器升级到“vue路由器/下一个” 并使用此代码来导入函数

import { createRouter, createWebHistory } from 'vue-router'
移除

Vue.use(VueRouter);
Vue v3:

import*作为Vue从“Vue”导入;
从“vue路由器”导入*作为VueRouter;
常数路由=[
//待办事项
];
const router=VueRouter.createRouter({
历史记录:VueRouter.createWebHistory(),
路线,
});
createApp(App).use(router.mount('#App');

确保安装了所有依赖项

安装路由器


npm安装vue-router@next--保存

是否已将Vue作为依赖项安装?如果是,具体是什么情况?我使用了npm安装vue--save您安装了vue 2还是vue 3?Vue最近发布了3.0.0,它有一个不同的语法来初始化Vue。这就是为什么您可能对上面的语法有问题。事实上,当我创建一个vue项目时,我选择了vue3 babel…起初,当我运行npm run serve时,它工作得很好…但是当我在这个项目中运行时,我遇到了这个错误,这就是为什么我使用npm安装vue,但后来又出现了相同的错误。
Vue.use(VueRouter);