vue-router.js?dfba:1800 Uncaught TypeError: 在线求解!!!

SpaceX
  • 17

问题描述

vue-router.js?dfba:1800 Uncaught TypeError: Cannot read property 'component' of undefined

问题出现的环境背景及自己尝试过哪些方法

东西都加载在那个浏览器里面!尝试过npm install [email protected],之前版本不兼容,我尝试过命令行让他兼任!就出现这样了!
图片描述图片描述图片描述

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)
main.js!
// The Vue build version to load with the import command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue';
import App from './App';
// import router from './router';
import VueRouter from 'vue-router';
import goods from './components/goods/goods';

Vue.config.productionTip = false;

Vue.use(VueRouter);

let app = Vue.extend(App);

let router = new VueRouter();

router.map({
'/goods': {

component: goods

}
});

router.start(app, '#app');

App.vue
<template>
<div id="app">

<v-header></v-header>
<div class="tab">
  <div class="tab-item">
    <!--使用指令v-link进行导航-->
    <!--path:‘路径’-->
    <a v-link to="/goods">商品</a>
    </div>
  <div class="tab-item">
    <a v-link to="/ratings">评论</a>
    </div>
  <div class="tab-item">
    <a v-link to="/seller">商家</a>
    </div>
</div>
<router-view></router-view>

</div>
</template>

你期待的结果是什么?实际看到的错误信息又是什么?

回复
阅读 1.6k
1 个回答
时早
  • 1
新手上路,请多包涵

Vue.use(VueRouter)

var routes = [
{ path: '/', redirect: '/goods'}
]
var router = new VueRouter(
{

linkActiveClass: 'active',
routes

}
)
new Vue({
el: '#app',
router,
render: h => h(App)
})

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏