关于 “vue-router” 组件未正确注册的问题

最新推荐文章于 2023-08-14 14:31:57 发布
最新推荐文章于 2023-08-14 14:31:57 发布
阅读量635 收藏 1
点赞数 1
分类专栏： 报错记录 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44002943/article/details/120712574
版权

安装了vue-router但是在使用过程中报错
在这里插入图片描述
在这里作者犯了一个错误
导入的vue-router名称为VueRouter但是创建的并不是这个
在这里插入图片描述
改正后发现问题并未解决 依旧报错！！！！
挂载的时候出现错误 将
在这里插入图片描述
改为
在这里插入图片描述
OJBK 解决 这里导入的是配置路由的js文件 默认导入名称为index的js文件所以这里可省略js文件名称

微澜·
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
错误提示：router-view未注册
10-29 674
贴代码： 1、/src/router/index.js import Vue from 'vue' const router = new VueRouter({ routes: [ { path: '/', component: () => import('@/pages/List') }, { ...
vue组件一直注册不了_vue 自动注册全局组件以及路由
weixin_42141437的博客
01-14 699
我用的是vue-cli4的版本首先在components 下新建一个common文件用来放常用的需要全局注册的组件 如下图：然后在components 下新建一个globalComponents.js 文件 文件名自定义即可 代码如下：import Vue from "vue";function changeStr(str) {//首字母大写return str.charAt(0).toUpper...
Vue Router 通配符路径不好解决的问题处理
qiaokeli826的专栏
07-15 2686
在绝大多数情况下，我们都会在vue-router的路由表下面注册一个通配符路由以便所有不能识别的路由都往这个component里面跳转。 import VueRouter from 'vue-router'; const router = new VueRouter({ mode: 'history', routes: [ ...menus, { path:'*', component:Page404
【无标题】antd-vue组件未注册踩坑
你行你上
09-21 350
新版本中全局注册框架不适用Vue.compoents()改为Vue.use(Form)即可。
vue-router 组件复用问题详解
08-28
然而，在使用 Vue Router 时，可能会遇到组件复用问题，即在路由参数变化时，组件内容不能正确更新。 二、组件复用问题的原因 组件复用问题的原因是 Vue Router 在路由切换时会复用之前渲染的组件，而不是重新渲染...
Vue-Router的使用方法
12-11
使用 Vue.js 做项目的时候，一个页面是由多个组件构成的，所以在跳转页面的时候，并不适合用传统的 href，于是 vue-router 应运而生。 路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home...
解决vue-router 嵌套路由没反应的问题
10-14
const router = new VueRouter({ mode: 'history', routes: [ { path: '/recom', component: Recom, // 假设Recom是父组件 children: [ { path: 'view', name: 'recomView', component: recomView }, { path...
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的Import异步加载模块问题的解决方案
10-15
总结，处理 Vue Router 中 Import 异步加载模块的问题，关键在于理解 Webpack 的代码分割机制和 `import()` 语句的静态性要求。通过使用 `Promise.resolve().then()` 或调整代码结构来满足这些要求，可以有效地解决...
Vue路由的创建和使用方法
Black_snow_ji的博客
07-13 511
Vue路由的创建 一 vue路由创建指令 npm i vue-router # 安装路由插件 二、vue路由标签 router-link : 是用来生成a标签的组件，做页面跳转 router-view ： 是用来展示路由对应的内容的组件，所有的路由地址访问时对应的内容都在组件范围内显示 三，使用,两种写入方式（当你用指令创建之后） import Vue from 'vue' import VueRouter from 'vue-router' import Home from './pages/Ho
Vue项目中常见问题(49)注册业务
qq_46368050的博客
05-23 458
目录 gitee仓库地址:https://gitee.com/CMD-UROOT/sph-project/commits/master 注册业务|登录业务中表单验证先不处理[最后我们在统一处理] 1.找到注册的验证码后面的按钮,进行修改 2.收集表单数据 2.1 收集手机号表单数据 2.2 获取验证码操作 3.书写api 4.书写仓库 4.1新建仓库user 4.2在大仓库中进行合并 4.3引入api,写action 4.4组件拿到数据并进行展示 5.收集密码...
vue官网学习遇到的组件注册不正确问题
归零
12-15 1847
在学习vue时没有深入理解vue，所以在写代码时遇到了一个低级的错误，其错误信息报错如下： 以上报错的意思是： todo-test组件没有注册正确 HTML代码： css代码： 解决的方法： 更改vue实例化和组件注册的顺序即可解决 这里的主要问题时对于组件的注册顺序没有考虑好，应该先完成组件的注册后再实例化vue对象 ...
vue-router的使用
weixin_54217534的博客
07-05 2495
vue-router是vue.js官方给出的路由解决方案，只能结合vue项目进行使用，能够轻松的管理SPA项目中组件的切换 在组件中vue-router的用法 嵌套路由的使用 3.动态路由的使用 扩展:a.在hash地址中，/后面的参数项,叫做'路径参数',路由中路径参数放在params中b.在hash地址中，?后面的参数项，叫做”查询参数”，路由中查询参数放在query中c.在this.$route中，path只是路径部分，不包含查询参数,而fullPath则是完整路径
【BUG】VUE2出现组件未注册问题，did you register the component correctly
印记
05-24 1740
问题：Unknown custom element: <GoodsOrderCell> - did you register the component correctly? For recursive components, make sure to provide the "name" option. ...
Vue.extend的基本使用
温壁
12-12 933
使用extend自定义一个全屏loading组件 1、定义loading组件 import Vue from "Vue"; const LoadingCom = Vue.extend({ template:`<div style="position:fixed;left:0;right:0;width:100%;height:100%;z-index:999;background:#d8d8d8;color:#000;" id="aaa" > {{msg}}
多级嵌套引入组件导致Vue提示子组件未注册问题
qq_41429765的博客
08-14 744
发生此问题的时候是页面解析的时报错的， 所以可以放在beforeCreate中执行注册组件这个时候是在页面运行时执行的，运行时编译就结束了。
vue全局注册组件报错
m0_50015961的博客
05-18 1725
报错信息：Unknown custom element: <XXX> - did you register the component correctly 这个问题 因为 组件依赖的是 Vue 初始化后的结果编写的。 意思是，要注册的组件是不是 使用 Vue.extend() 或 vue-class-component编写的。如果是 把它换成 普通的即可 export default { } 全局注册组件是 Vue 初始化前进行的，如果组件 是依赖 Vue 初始化后的继承去编写的话那么这个 Vu
记一次全局注册vue组件报错
qq_59372626的博客
09-17 805
vue.js:634 [Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option. (found in )
vue-router找不到export default
最新发布
04-02
当在Vue项目中使用vue-router时，如果出现找不到`export default`的错误，通常是由于以下几个原因导致的： 1. 未正确安装vue-router：首先需要确保已经正确安装了vue-router。可以通过运行`npm install vue-router`或者`yarn add vue-router`来安装vue-router。 2. 未正确引入vue-router：在使用vue-router之前，需要在项目的入口文件（通常是main.js）中引入vue-router，并将其挂载到Vue实例上。可以使用以下代码进行引入和挂载： ```javascript import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter) // 创建路由实例并配置路由规则 const router = new VueRouter({ routes: [ // 路由规则 ] }) // 将路由实例挂载到Vue实例上 new Vue({ router, render: h => h(App) }).$mount('#app') ``` 3. 未正确配置路由规则：在创建路由实例时，需要配置路由规则。路由规则定义了URL路径与对应组件的映射关系。可以通过`routes`选项来配置路由规则，如下所示： ```javascript const router = new VueRouter({ routes: [ { path: '/', component: Home }, { path: '/about', component: About } ] }) ``` 其中，`path`表示URL路径，`component`表示对应的组件。 4. 组件未正确导出：如果在路由规则中指定了组件，需要确保该组件已经正确导出。在组件文件中，需要使用`export default`将组件导出，以便在其他地方引用。 如果以上步骤都正确无误，但仍然出现找不到`export default`的错误，可能是其他代码或配置问题导致的。可以提供更多的错误信息或代码片段，以便更好地帮助解决问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值