Motomichi Works Blog

モトミチワークスブログです。その日学習したことについて書いている日記みたいなものです。

Vue2からVue3への移行作業で出た Failed to resolve component: router-view If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. を解決する

解決方法

以下のようになっている router プロパティを

import { createApp } from 'vue';
import router from './router.js';
import App from './app.vue';

const app = createApp({
  router,
  components: {
    App,
  },
});

app.mount('#app_regular_users_credit_card');

以下のように app.use() を使うように変更しました。

import { createApp } from 'vue';
import router from './router.js';
import App from './app.vue';

const app = createApp({
  components: {
    App,
  },
});

app.use(router);
app.mount('#app_regular_users_credit_card');