"Itinéraire Vue non enregistré"

Question

J'essaie d'ajouter un nouvel itinéraire à une application web existante :

Voici le point d'entrée :

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

... etc

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

Voici le routeur :

// 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;

// Voici le composant parent :

// 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>

// Voici le composant enfant :

// 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>

Tout semble simple, mais lorsque je vérifie les outils de développement de Vue, je ne vois pas le nouvel itinéraire lorsque je clique sur le composant, comme

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

Aucune réponse.

Answer 1

J'ai compris.

Je termine ma journée de travail et valide mes modifications dans le référentiel distant. C'est à ce moment-là que j'ai remarqué que les modifications apportées au routeur avaient disparu. Je peux voir les modifications dans l'éditeur de texte et dans mes modifications de travail Git locales, mais elles ne peuvent pas être poussées vers le dépôt distant.

Remarque : j'ai supprimé le dépôt local et l'ai recloné au même endroit, mais le problème existe toujours.

J'ai créé un dossier temporaire et le problème a été résolu...