npm run dev 出现“export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘问题

vue-router@4使用时，报上面的错，代码是这么写的 import?VueRouter?from?'vue-router' const?Test?=?{template:?`<h1>测试</h1>`} const?routes?=?[ ??{ ????name:?'Test', ????path:'/test', ????component:?Test ??} ] const?router?=?VueRouter.createRouter({ ??//?4.

报错信息：问题分析： 我这里是用vue cli脚手架构建的vue2项目，安装的路由版本是4解决办法： 卸载这个不兼容的路由版本，重新安装对应的版本： 安装3版本： 最好就不会报错了。

在项目运行时会报错“export ‘default‘ (imported as ‘VueRouter‘) was not found in。这是因为安装的时候默认安装最新版本可能与其他插件不兼容，重新安装旧版本即可，推荐使用稳定版本vue-router@3.5.2。‘vue-router‘` 主要是路由组件问题。这种报错存在两种原因。

出现这个报错常见的有两种情况， 第一种cli4和cli3不太一样 需要引用相对应的使用的东西， 第二种是vue-router版本太高， 本文就第二种情况进行讨论 这种情况一般是运行npm install vue-router --save-dev 后启动报错，这是因为安装的时候默认安装最新版本可能与其他插件不兼容，重新安装旧版本即可 命令：cnpm install vue-router@+版本号 --save-dev 实例：cnpm install vue-router@3.1.3--save.

"export ‘createRouter’ (imported as ‘VueRouter’) was not found in 'vue-route router.js 代码 更新router版本 npm install --save vue-router@next 下面展示一些 router.js。 import * as VueRouter from 'vue-router' const routes = [ { path: '/',redirect:'/login'}, {pa

问题： 运行vue项目时，警告提示"export ‘default’ (imported as ‘Vue’) was not found in ‘vue’ 在main.js中 在路由文件下的index.js中 原因： 安装的vue-cli为v4以上的版本，其不包含全局的 Vue，Vue 被 createApp函数代替 解决方案： 在main.js中 import { createApp } from 'vue' // 代替 import Vue from 'vue' import App from '.

不多说废话，直接上解决方案。

报错分析

记录在撸前端代码时所遇到的问题

1.首先看你vue中index.js和main。js的语法 因为我之前使用的是vue-router3.0.1的版本，现在是4.0.+的版本了，导致语法不支持，若是使用3.几的版本可以使用： npm i vue-router@3.0.1 版本自己定（一定确定是存在的版本号） 附3.0.1语法： ...

"export 'default' (imported as 'Router') was not found in 'vue-router' 解决

npm uninstall vue-router -S //卸载。npm i vue-router@版本号 -S //安装旧版本。默认 npm i vue-router -S安装的为最新版本。安装旧版本后，重启项目便不会报错了。vue-router的版本太高。vue报如上错误的话，因为。......

今天在测试路由功能的时候，发现了npm安装路由引入失败的问题的的export 'default' (imported as 'VueRouter') was not found in 'vue-router'，最后发现是因为npm直接安装的router版本为4但是我使用的为vue2，所以我直接降级到router3。

vue-router Cannot read properties of undefined (reading 'install')

安装vue-Router@4.0+时写路由注册 // vue-Router@2.0+的写法 import VueRouter from 'vue-router' const router = VueRouter.createRouter({ history:vueRouter.createWebHashHistory(), routes:[...] }) 果然报错!!!,vue-Router@4.0+已经不支持这种写法 // vue-Router@4.0+的写法 import {createRoute

出现警告： "export ‘default’ (imported as ‘VueRouter’) was not found in ‘vue-router’ "export ‘default’ (imported as ‘Vue’) was not found in ‘vuer’ — 原因是cli4和cli3不太一样 需要引用相对应的使用的东西 改成 // import Vue from 'vue' // 不要引用整个Vue cli4默认创建是导入createApp方法 import { createAp