Unknown custom element: <router-view>

新手上路,请多包涵

这是index页面代码

<body>
    <noscript>
    <strong>We're sorry but microball doesn't work properly without JavaScript enabled. Please enable it to
      continue.</strong>
  </noscript>
    <div id="app">
        <router-view></router-view>
    </div>
</body>

这是router.js代码

import Vue from 'vue'
import VueRouter from 'vue-router'
import MatchOdds from '../views/MatchOdds.vue'
const root = document.createElement('div')
document.body.appendChild(root)
new Vue({ render: (h) => h((MatchOdds)), }).$mount(root)

Vue.use(VueRouter)

const routes = [
    {
        path: '/appstatic/wqfootBall/odds',
        name: 'odds',
        component: MatchOdds,
        children: [{
            path: '/appstatic/wqfootBall/odds',
            components: {
                asian: () =>
                    import ('../views/MatchAsianOdds.vue'),
                ou: () =>
                    import ('../views/MatchAsianOdds.vue'),
                euro: () =>
                    import ('../views/MatchEuroOdds.vue'),
                kelly: () =>
                    import ('../views/MatchKellyOdds.vue'),
                betfair: () =>
                    import ('../views/MatchBetfairOdds.vue')
            },
            props: { asian: { oddsKind: 0 }, ou: { oddsKind: 1 } }
        }]
    }
]

const router = new VueRouter({
    mode: 'history',
    base: process.env.BASE_URL,
    routes
})

export default router

这是main.js代码

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import VueRouter from 'vue-router'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.config.productionTip = false

Vue.use(VueRouter)
Vue.use(ElementUI)

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

这是app.vue代码

<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<style>
  #app{
    -webkit-overflow-scrolling: touch;
  }
</style>

就是不知道哪里错了一直提醒我找不到这个组件

阅读 2.4k
1 个回答

删掉这两行
image.png

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