Vueエラー[Vue警告]：不明なカスタム要素：router-view

Vue Error

構成は次のとおりです。
アプリビュー：

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

main.js：

import Vue from 'vue' import App from './App.vue' import router from './router.js' Vue.config.productionTip = false new Vue({ router, render: h => h(App), }).$mount('#app')

router.js：

import Router from 'vue-router' export default new Router({ mode: 'history', routes: [ //Download page { path: '/aa', name: 'HelloWorld', component: () => import(/* webpackChunkName: 'download' */ './components/HelloWorld.vue') } ] })

エラー内容：

[Vue warn]: Unknown custom element: <router-view> - did you register the component correctly? For recursive components, make sure to provide the 'name' option. found in ---> <App> at src/App.vue

問題の原因：

Vueルーターは導入されていません

問題解決：router.jsを変更する

import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) export default new Router({ mode: 'history', routes: [ //Download page { path: '/aa', name: 'HelloWorld', component: () => import(/* webpackChunkName: 'download' */ './components/HelloWorld.vue') } ] })

問題が解決しました。