"Laluan Vue tidak berdaftar"

Question

Saya cuba menambah laluan baharu pada aplikasi web sedia ada:

Ini adalah pintu masuk:

// main.js
import router from './router';

... etc

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

Ini adalah penghala:

// router/index.js
import AffiliateLinks from '../modules/affiliate_links/AffiliateLinks.vue';

Vue.use(VueRouter);

const routes = [
... etc
  {
    path: '/affiliate-links/client',
    component: AffiliateLinks,
    meta: {
      restricted: 'CLIENT',
    },
  },
];

const router = new VueRouter({
  routes,
});

router.beforeEach((to, from, next) => {
  ... etc

  // check routes restricted by distribution channel
  if (to.meta?.restricted && !to.meta.restricted.includes(store.state.user.access.distribution_channel)) {
    next({ path: '/' });
    return;
  }

  // user is logged in, allow requested routing
  next();
});

export default router;

// Ini ialah komponen induk:

// AffiliateLinks.vue
<template>
  <v-container fluid>
    <v-row align-content="space-between">
      <h3>String Here</h3>
      <v-btn @click.stop="showAffiliateLinksModal = true" />
    </v-row>
    <AffiliateLinksModal v-model="showAffiliateLinksModal" @close="showAffiliateLinksModal = false" />
  </v-container>
</template>

<script>
import AffiliateLinksModal from './AffiliateLinksModal.vue';
export default {
  name: 'AffiliateLinks',
  components: {
    AffiliateLinksModal,
  },
  data() {
    return {
      showAffiliateLinksModal: false,
    };
  },
};
</script>

// Ini adalah komponen kanak-kanak:

// AffiliateLinksModal.vue
<template>
  <v-dialog v-model="value" max-width="450px">
    <v-card>
      <v-card-actions>
        <v-btn @click.stop="$emit('close')">String Here</v-btn>
      </v-card-actions>
    </v-card>
  </v-dialog>
</template>

<script>
export default {
  name: 'AffiliateLinksModal',
  props: ['value'],
};
</script>

Semuanya kelihatan mudah, tetapi apabila saya menyemak alat Vue dev, saya tidak dapat melihat laluan baharu apabila saya mengklik pada komponen, seperti

<v-card :to="url">
  ... etc
</v-card>

Tiada maklum balas.

Answer 1

Saya faham.

Saya menamatkan hari kerja saya dan menyerahkan perubahan saya kepada repositori jauh. Ketika itulah saya perasan bahawa perubahan pada penghala telah hilang. Saya dapat melihat perubahan dalam editor teks dan dalam perubahan kerja Git tempatan saya, tetapi ia tidak boleh ditolak ke repo jauh.

Nota: Saya memadamkan repo tempatan dan mengklon semula di lokasi yang sama, tetapi masalahnya masih wujud.

Saya mencipta folder sementara dan masalah telah diselesaikan...