使用vue-router报错

已于 2022-05-26 17:19:40 修改
阅读量1.2k 收藏
点赞数
文章标签： vue.js 前端 javascript
于 2022-05-26 10:48:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45612718/article/details/124980155
版权

错误：出现两个警告，'createRouter'和'createWebHashHistory'在vue-router中没有找到

原因：vue-router的版本不对，这上面的写法不是当前版本的语句写法

解决方法：

1、变换语句写法

2、更改vue-router版本

命令：npm install vue-router@next --save

晗苓雪
关注
vue-router v4.x版本创建router对象注意点
仰望星空的代码
01-18 1601
vue-router 的 v4.x 版本是为适应 vue3 而开发的版本，它的引入和创建实例对象的方式有所改变，在使用的时候容易忽略变化导致低级错误。 1、采用旧的导入方式 在 npm 管理依赖包的开发模式下使用 import 导入时不能采用 import Router from 'vue-router' 的方式，应该采用import {createRouter, createWebHashHistory} from 'vue-router'，否则会报错...
安装vue-router及报错问题
io_123io_123的博客
09-25 2173
vue项目安装vue-router及报错“Cannot read properties of undefined (reading ‘install‘) at Vue.use” 问题
官方的js路由router
weixin_40945354的博客
02-09 1103
// 1. 定义路由组件. // 也可以从其他文件导入 const Home = { template: '<div>Home</div>' } const About = { template: '<div>About</div>' } // 2. 定义一些路由 // 每个路由都需要映射到一个组件。 // 我们后面再讨论嵌套路由。 const routes = [ { path: '/', component: HelloWorld }, { pa
Vue-router错误
m0_64165157的博客
11-06 338
用到Vue-router组件的时候先是报了VueRouter not a contructer的错误。最后发现是vue.js的引用要放在Vue-router的前面，这样才会自动安装Vue-router。换了一个更低版本的Vue-router.js后解决，但还是报了以下错误。
vue 报错 router is not defined
2301_76614808的博客
03-02 1255
main.js没有引入import router from './router'导致报错
Vue 3.0 遇到的问题
White feathe 的博客
11-19 5868
Vue3.0 安装 npm i vue@next vue-loader@next npm install vue-router@next npm i webpack webpack-cli webpack-dev-server --save-dev typescript安装依赖 npm install ts-loader --save-dev npm install typescript --save-dev npm install @vue/babel-plugin-jsx -D npm i @babe
Vue-router 报错NavigationDuplicated的解决方法
10-15
主要介绍了Vue-router 报错NavigationDuplicated的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue-router-sitemap-通过vue-router配置生成sitemap.xml-Vue.js开发
05-27
导出const路由器：VueRouter =新的VueRouter（{路由：[{路径：'/'，名称：'index'，组件：Index，}，]，}，）; // sitemapMiddleware.js从“ vue-router-sitemap”导入VueRouterSitemap； 从“路径”导入路径； 导入...
vue-router 中router-view不能渲染的解决方法
12-08
最近在做一个vue的项目，其中使用了vue2.0,vue-router2.0。在使用vue-router的时候跳了一个很大的坑，router-view不能渲染，花费了好多时间终于发现了原因。 项目目录结构 其中main.js import Vue from 'vue'; ...
vue-router 按需加载 component: () => import() 报错的解决
10-14
主要介绍了vue-router 按需加载 component: () => import() 报错的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue-router3.0版本中 router.push 不能刷新页面的问题
11-30
2. **全局挂载`router`到`window`对象**：如果你在非Vue组件的环境中需要使用`router.push`，可以在主入口文件（如`main.js`）中将`router`实例赋值给`window`对象，如`window.router = router`。这样，全局都可以...
vue学习之路问题一：vue 报错 router is not defined
张梦兰的博客
03-09 5万+
1.vue初学遇到问题一 main.js没有引入import router from './router'导致报错 vue router undefined
【Vue3.0】报错 Object(...) is not a function，history: createWebHashHistory()
票票的博客
12-17 1403
引用hash模式运行项目报错，错误信息如下 import { createRouter, createWebHashHistory } from 'vue-router' import routes from './routes' const router = createRouter({ history: createWebHashHistory(), routes }) export default router 解决方法：升级 vue-router 版本 npm install vu
Uncaught ReferenceError:router is not defined
qq_42234538的博客
03-28 2万+
在学vue用router调用befpreEach()更改组件的title时显示这个错误： 表达的意思是未定义router，这是因为在webstorm在生成脚手架时 router文件夹下index.js文件中的默认生成export default new Router({})导致没有router这个对象 而这个函数只能通过router调用 于是将脚手架默认生router文件夹下index.js文件...
error: 'XXX' is defined but never used (no-unused-vars）报错的解决方案
热门推荐
吴文静的博客
05-12 5万+
错误原因 我的项目安装了eslint规范，ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具，它的目标是保证代码的一致性和避免错误 解决方案 一、在package.json文件内加入如下代码：然后保存重启项目。 "rules": { "generator-star-spacing": "off", "no-tabs":"off", "no-unused-vars":"off", "no-console":"off", "no-irregular-whit
vue_router__WEBPACK_IMPORTED_MODULE_2__.default is not a constructor 报错
最新发布
sumMStar的博客
01-10 1090
1.查看packge.json文件的dependencies。vue2版本对应vue-router3版本。卸载之前下载的vue-router。安装的vue-router请使用。
【vue3】vue3 实践中遇到的问题
hzxOnlineOk的博客
03-24 2144
今天尝试用 vue 3 写个小 Demo，想写个路由（用的 vue-router: ^4.1.3），在修改 App.vue 文件这一步的时候，运行到 Google Chrome 就报错了：Uncaught TypeError: Cannot destructure property ‘options’ of ‘inject(…或者报错提示信息为：Uncaught TypeError: Cannot destructure property ‘options’ of '(0 , vue__WEBP…
错误 uncaught referenceerror: *** is not defined 已经解决
weixin_55242897的博客
03-03 1万+
React项目场景： 解决前： package.json "dependencies": { "@babel/runtime": "^7.13.7", "@types/webpack": "^4.41.26", "del": "4", "jquery": "^3.5.1", "react": "^17.0.1", "react-dom": "^17.0.1" }, "devDependencies": { "@babel/cli": "^7.1
vue3 路由hash与History的设置
john987321456的博客
02-16 7248
一、history 关键字：createWebHistory import { createRouter, createWebHistory } from 'vue-router' const routes = [ { path: '/userinfo', name: 'UserInfo', component: () => import('../views/UserInfo.vue') }] const router = createRouter({ history: createW
vue-router import 报错
12-05
然后我们需要使用Vue.use(VueRouter);来安装vue-router插件。 如果我们的导入方式是正确的，但是仍然出现了报错，那么可能是因为vue-router没有正确安装。这时候我们可以尝试重新安装vue-router来解决问题。首先，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值