vue2安装vue-router时报错

最新推荐文章于 2024-02-26 17:15:33 发布
最新推荐文章于 2024-02-26 17:15:33 发布
阅读量1k 收藏 2
点赞数 4
分类专栏： 报错
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40462931/article/details/123337320
版权

vue

在安装的过程中报错，报错内容如下：

后面百度，报错原因是版本兼容问题，说是npm版本问题，最新版本对下在要求比较严格。

解决方法：

根据错误提示，在命令行中加入–legacy-peer-deps，同时标明具体安装的版本号，不然安装的就是最新版本。

npm install --legacy-peer-deps vue-router@3.5.2

 安装成功后在package.json文件中可查看是否安装成功。

问题就解决了。

 

溪水里的石头
关注
  • 4
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue-router2
qq_32265719的博客
03-11 314
目录 运行时构建 (runtime-only) 方式 routes 数组和router 路由管理器 routes 数组配置项 动态生成的路由 增加新的路由 异步的router.beforeEach() 链接替换 history api Vue-router1区别 routes实例参数 替代router.start() routes 实例参数 替代router.map() r...
Vue2笔记(五)Vue-Router
luobobei的博客
09-24 234
Vue Router 什么是前端路由 一、路由（routing）就是通过互联的网络把信息从源地址传输到目的地址的活动. 路由器提供了两种机制: 路由和转送. 路由是决定数据包从来源到目的地的路径. 转送将输入端的数据转移到合适的输出端. 路由中有一个非常重要的概念叫路由表. 路由表本质上就是一个映射表, 决定了数据包的指向. 二、前端渲染和后端渲染 1、后端渲染 如jsp,后端渲染好网页再传给前端 2、后端路由 后端处理url和页面之间的映射关系 3、前后端分离 后端只负责提供数据，不负责任何阶段的内容 a
vue2路由基本用法实例分析
11-20
本文实例讲述了vue2路由基本用法。分享给大家供大家参考，具体如下： Vue-router 是给Vue.js 提供路由管理的插件，利用hash 的变化控制动态组件的切换。以往页面间跳转都由后端MVC 中Controller 层控制，通过<a> 标签的href 或者直接修改location.href，我们会向服务端发起一个请求，服务端响应后根据所接收到的信息去获取数据和指派对应的模板，渲染成HTML 再返回给浏览器，解析成我们可见的页面。Vue.js +Vue-router 的组合将这一套逻辑放在了前端去执行，切换到对应的组件后再向后端请求数据，填充进模板来，在浏览器端完成HTML 的渲染。这样
vue2安装npm install vue-router报错原因分析和解决办法
sha1_mi的博客
03-30 6074
目录分析原因解决办法 分析原因 peer vue@"^3.2.0" from vue-router@4.0.14 默认安装是vue3版本的,需要指定版本安装 npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: vue-yiqing@0.1.0 npm ERR! Found: vue@2.6.14 npm ERR! node_modules
解决vue2配置路由时出现的报错
weixin_52487969的博客
04-15 3728
解决vue2配置路由时出现的报错 Uncaught TypeError: Object(...) is not a function npm WARN read-shrinkwrap This version of npm is compatible with lockfileVersion@1, but package-lock.json was generated for lockfileVersion@2. I'll try to do my best with it!
vue路由的下载和配置
dayyue1005的博客
04-04 1602
vue路由的简单实现
入门Vue2 09 vue-router 路由
小哞^同^学的技术博客
07-29 621
其实一个vue-cli程序的assets、components下的资源是可以删掉的。它的意思是当前样式只适用于该组件，或该文件。不影响其它地方的样式。意味着导出自己的唯一标识，这样才能让其它地方引入它。，让构建单页面应用变得易如反掌。2.导入vue-router。就可以将一个组件引入。.........
vue-router-next：Vue 3官方路由器
02-06
vue-router-next 这是Vue路由器4的存储库（适用于Vue 3）支持Vue路由器Vue Router是Vue生态系统的一部分，是MIT许可的开放源代码项目，其持续的开发完全依靠赞助者的支持而得以实现。 如果您想成为赞助商，请考虑：...
vue-taro-router:基本 Taro ，扩展成 vue-router 的使用体验
05-28
VueTaroRouter基本 Taro ，扩展成 vue-router 的使用体验Installationnpm i vue-taro-router -SUsage// router.jsimport VueTaroRouter from "vue-taro-router";const router = new VueTaroRouter();// 添加拦截器...
vue-router-view-transition:使用scrollBehavior正确地进行超时转换
03-10
vue-router-view-transition 与scrollBehavior兼容的路由器视图的过渡包装器 安装 npm install vue-router-view-transition # or yarn add vue-router-view-transition 用法 该库导出一个组件和一个函数。 您需要...
vue-router 中router-view不能渲染的解决方法
08-30
Vue Router 中 Router-View 不能渲染的解决方法 Vue Router 是一个基于 Vue.js 的官方路由管理器，它提供了一个灵活且强大的路由系统，可以帮助开发者快速构建单页面应用程序（SPA）。然而，在使用 Vue Router 时，...
vue-router-nav-呈现vue-router路由的简约响应式导航栏。-Vue.js开发
05-27
vue-router-nav呈现vue-router路由的简约响应式导航栏。 观看演示。 依赖关系您需要拥有vue-router insta vue-...安装npm install vue-router-nav --save用法从'vue-router-nav'Vue.use（RouterNav）导入RouterNav
在Vue2中引入VueRouter
weixin_68854196的博客
08-08 2797
为了实现SPA应用（单页面应用），所以需要引入VueRouter
vue2 报错Uncaught ReferenceError: Router is not defined怎么解决
weixin_63477921的博客
02-26 2843
的错误，可能是因为你的代码中没有正确引入 Vue Router 或者没有正确使用。：首先，你需要确认你的项目中已经安装了 Vue Router。：在你的 Vue 项目中，确保你正确地引入了 Vue Router，并且在 Vue 实例中使用它。：确保你已经正确定义了路由配置。在你的项目中，通常会有一个单独的文件来定义路由，比如。：最后，确保你在组件中正确使用了路由，比如在模板中使用。是 Vue Router 的核心对象，如果出现。或者在 JavaScript 中使用。在你的项目的入口文件（通常是。
下载vue-router的环境变量与创建路由包
快乐学习
08-02 2064
这篇文章不建议看。vue2的版本用的是3.x的版本。vue3用的是4.x的版本。想要找到目前有哪些具体的版本号可以看这个网站。这样就初步完成了，还要在这个文件里面写入配置的参数和main.js里面写入，具体写入的可以参考以下的文档。的依赖，这里面没有发现，那就说明没有路由，就要给这个项目加上路由（这个package.json文件就是vue项目的依赖配置文件。这里可以看到执行命令后有了路由的依赖，说明下载成功了。想要详细了解的作用各方面的可以看一下这个网站。
vu脚手架下载不了vue路由的解决方案
zhuyuan123456的博客
07-31 299
也就是下载指定的版本，不要用最新的版本，最新的命令。降低vue-router的版本。
vue2.x vue-router4.x路由报错问题
god_sword_的博客
08-05 894
环境： vue2.x、vue-router4.x问题描述： export ‘default’ (imported as ‘Router’) was not found in ‘vue-router’原router.jsvue-router3.x是没问题的，可以正常使用，由于我使用的是vue-router4.x，配置写法都有所改变了。
解决Vue 2.0 安装 vue-router 不成功问题
weixin_43120290的博客
05-17 894
报错信息： vue 解决办法： 这是因为 npm i vue-router 默认下载的是 vue3.0 版本对应的， 这里需要指定下载版本 npm i vue-router@3.2.0
VB机动车租赁管理系统设计(源代码+系统+开题报告+答辩PPT).zip
最新发布
08-18
计算机毕业设计资源包含（项目部署视频+源码+LW+开题报告等等），所有项目经过助教老师跑通，有问题可以私信博主解决，可以免费帮部署。
vue2安装vue-router
08-13
要在Vue 2项目中安装Vue Router，您可以按照以下步骤进行操作： 1. 使用npm或yarn安装Vue Router。在命令行中运行以下命令： 使用npm： ``` npm install vue-router ``` 使用yarn： ``` yarn add vue-router ``` 2. 在您的Vue项目中创建一个`router`文件夹，并在该文件夹中创建一个`index.js`文件（或者您可以根据需要命名）。 3. 在`index.js`文件中，导入Vue和Vue Router，并创建一个新的Vue Router实例。以下是一个基本的示例： ```js import Vue from 'vue'; import VueRouter from 'vue-router'; Vue.use(VueRouter); const routes = [ // 在这里定义您的路由 ]; const router = new VueRouter({ routes }); export default router; ``` 4. 在您的Vue项目的主入口文件（通常是`main.js`）中，导入并使用刚刚创建的Vue Router实例。以下是一个示例： ```js import Vue from 'vue'; import App from './App.vue'; import router from './router/index'; new Vue({ router, render: h => h(App) }).$mount('#app'); ``` 5. 现在，您可以在路由文件中定义和配置您的路由。例如，在`router/index.js`文件中，您可以添加以下代码来定义一个简单的路由： ```js import Home from '../views/Home.vue'; const routes = [ { path: '/', name: 'Home', component: Home } ]; // 添加其他路由... export default routes; ``` 在这个例子中，我们定义了一个根路径为`'/'`的路由，并将其组件设置为`Home`组件。您可以根据需要添加其他路由。 6. 在您的Vue组件中，您可以使用`<router-link>`和`<router-view>`标签来导航和显示路由内容。例如，在`App.vue`组件中，您可以添加以下代码： ```html <template> <div> <router-link to="/">Home</router-link> <router-view></router-view> </div> </template> ``` `<router-link>`用于创建一个链接，点击它将导航到指定的路由路径。`<router-view>`用于显示当前路由的组件内容。 这样，您就成功安装并配置了Vue Router，可以开始在您的Vue 2项目中使用它了。请注意，这只是一个简单的示例，您可以根据您的需求进一步配置和使用Vue Router。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值