0
votes

Ce module relatif n'a pas été trouvé: * ../services/Repository, erreur Vue

Le dossier

[RÉSOLU] services / était au même niveau que src / , le plaçant dans src , en suivant le guide de style de Vue.js, a résolu l'erreur. Merci les gars.

Quand j'exécute npm run serve , j'obtiens cette erreur, en lisant (beaucoup) des questions tellement similaires et en essayant que tout n'a pas fonctionné, je ne sais même pas où cette ligne ../services/Repository vient de (j'ai changé le chemin d'importation dans BrandList.vue et rien ne change). Voici mon Repository.js

<script>
import Repository from "../services/Repository";

export default {
  name: "brands",
  data() {
    return {
      brands: []
    };
  },
  methods: {
    retrieveTutorials() {
      Repository.getAll()
        .then(response => {
          this.brands = response.data;
          console.log(response.data);
        })
        .catch(e => {
          console.log(e);
        });
    }
  },
  mounted() {
    this.retrieveTutorials();
  }
};
</script>

C'est ici que je l'importe, components / BrandList.vue p >

import http from "../http-common";

class Repository {
  getAll() {
    return http.get("/index");
  }
}

export default new Repository();

Arborescence du projet entrez la description de l'image ici


1 commentaires

Vous avez besoin d'un ../ supplémentaire, essayez: import Repository from "../../services/Repository"


3 Réponses :


1
votes

Cela devrait être ../../services/Repository car il s'agit de deux étapes vers le haut dans l'arborescence des fichiers.


0 commentaires

0
votes

Placez vos services dans le dossier src et importez-le sous

import Repository from "@/services/Repository";

ou

import Repository from "../services/Repository";


1 commentaires

En effet, mettre des services en dehors de src n'est pas une bonne pratique. Alors mettez votre dossier de services dans src



1
votes

Sur votre capture d'écran, vous pouvez immédiatement remarquer que le répertoire services est au même niveau que le src . Une solution simple serait de déplacer le répertoire services dans le répertoire src .

Si vous ne souhaitez pas faire cela, vous pouvez changer le chemin d’importation de "../services/Repository" à "../../ services / Repository" < / code>.

De plus, si votre projet a été créé avec la CLI Vue, l'importation @ ne fonctionne que pour les fichiers et répertoires dans src / . Vous pouvez le mettre à jour si vous le souhaitez.


0 commentaires