代码仓库直接扔上来了
https://gitee.com/XaiverSun/adminpage
就是通过默认的 vuecli 生成的项目,在main.js
中
import VueRouter from 'vue-router';
Vue.use(VueRouter);
在App.vue
中引入sidebar.vue
组件
<template>
<div id="app">
<sidebar></sidebar>
</div>
</template>
<script>
import sidebar from "./components/sidebar";
export default {
name: "app",
components: {
sidebar,
}
}
</script>
sidebar 中的内容已经简化
<template>
<div id="sidebar-container">
<header id="sidebar-container-header">
后台管理系统
</header>
<div class="sidebar-unit">
<router-link to="/">
</router-link>
</div>
</div>
</template>
<script>
export default {
name: "sidebar"
}
</script>
就这么简单。因为 css 我觉得应该无关紧要就没贴上来了。。问题项目的全部代码都在开头的地址
NMD,为什么。。。
求解答,谢谢大佬。
=========
补充下控制台红色报错信息
第一条
vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in render: "TypeError: Cannot read property 'resolve' of undefined"
found in
---> <RouterLink>
<Sidebar> at src/components/sidebar.vue
<App> at src/App.vue
<Root>
第二条
vue.runtime.esm.js?2b0e:1888 TypeError: Cannot read property 'resolve' of undefined
at Proxy.render (vue-router.esm.js?c478:1026)
at VueComponent.Vue._render (vue.runtime.esm.js?2b0e:3548)
at VueComponent.updateComponent (vue.runtime.esm.js?2b0e:4066)
at Watcher.get (vue.runtime.esm.js?2b0e:4479)
at new Watcher (vue.runtime.esm.js?2b0e:4468)
at mountComponent (vue.runtime.esm.js?2b0e:4073)
at VueComponent.Vue.$mount (vue.runtime.esm.js?2b0e:8415)
at init (vue.runtime.esm.js?2b0e:3118)
at createComponent (vue.runtime.esm.js?2b0e:5978)
at createElm (vue.runtime.esm.js?2b0e:5925)
<router-view>也试过,也不 OK。</router-view>
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.