problème dans mon fichier App.vue

Version imprimable

2 pièce(s) jointe(s)

Bonjour,

Je ne comprend pas ou j'ai fais une erreur dans mon code car je ne reçois pas de résultat et aucune erreur sur ma page http://localhost:8080/

Avez vous une idée ?

Pièce jointe 637812
Pièce jointe 637813

Mon code app.vue :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
 
<template>
  <div id="wrapper">
    <nav class="navbar is-dark">
      <div class="navbar-brand">
        <router-link to="/" class="navbar-item"><strong>Djakets</strong></router-link>
        <a class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbar-menu">
          <span aria-hidden="true"></span>
          <span aria-hidden="true"></span>
          <span aria-hidden="true"></span>
        </a>
      </div>
 
      <div class="navbar-menu" id="navbar-menu">
        <div class="navbar-end">
          <router-link to="/summer" class="navbar-item">Summer</router-link>
          <router-link to="/winter" class="navbar-item">Winter</router-link>
 
          <div class="navbar-item">
            <div class="buttons">
              <router-link to="/log-in" class="button is-light">Log in</router-link>
 
              <router-link to="/cart" class="button is-success">
                <span class="icon"><i class="fas fa-shopping-cart"></i></span>
                <span>Cartt</span>
              </router-link>
            </div>
          </div>
        </div>
      </div>
    </nav>
 
    <section class="section">
      <router-view />
    </section>
 
    <footer class="footer">
      <p class="has-text-centered">Copyright (c) 2023</p>
    </footer>
  </div>
</template>
 
<style lang="scss">
@import '../node_modules/bulma';
</style>

26/04/2023, 08h34
Arioch

Pas eu de réponse sur TéléAchat ?
26/04/2023, 12h15
cdevl37

Citation:

Envoyé par Arioch

Pas eu de réponse sur TéléAchat ?

oui une belle :roll:
26/04/2023, 17h55
wiztricks

Citation:

Envoyé par cdevl37

Je ne comprend pas ou j'ai fais une erreur dans mon code car je ne reçois pas de résultat et aucune erreur sur ma page http://localhost:8080/

Vu votre niveau, c'est un code recopié quelque part et il est abusif de dire "mon code".
Une erreur dans la recopie ou un code utilisé avec des versions nouvelles de python/bibliothèques sont les soucis les plus probables.

- W
26/04/2023, 17h59
cdevl37

oui en effet je suis un tuto et je suis bloqué à la 20:12min

https://www.youtube.com/watch?v=Yg5zkd9nm6w

J'essaye de suivre se tuto même si je suis novice.
26/04/2023, 18h10
wiztricks

Citation:

Envoyé par cdevl37

oui en effet je suis un tuto et je suis bloqué à la 20:12min

Vu la pile de bibliothèques à installer... déjà vérifier que tout a été fait "proprement" (avec les versions du tuto).

- W
26/04/2023, 18h36
cdevl37

Citation:

Envoyé par wiztricks

Vu la pile de bibliothèques à installer... déjà vérifier que tout a été fait "proprement" (avec les versions du tuto).

- W

Merci de votre réponse.

J'ai bien vérifier, j'ai bien tout installé et j'ai eu un résultat et des que j'ai modifié le fichier App.vue la plus de page d'accueil et pas de message d'erreur.
26/04/2023, 18h40
wiztricks

Citation:

Envoyé par cdevl37

et des que j'ai modifié le fichier App.vue la plus de page d'accueil et pas de message d'erreur.

Et vous avez modifié quoi?

- W

1 pièce(s) jointe(s)

Citation:

Envoyé par wiztricks

Et vous avez modifié quoi?

- W

Avec le App.vue d'origine la je reçois bien ma page et des que j'ai modifié ce fichier la plus de résultat une page blanche.

Je lance le serveur et j'ai ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 INFO  Starting development server...
 
 
 DONE  Compiled successfully in 26259ms                                                                         19:09:06
 
 
  App running at:
  - Local:   http://localhost:8080/
  - Network: http://192.168.1.17:8080/
 
  Note that the development build is not optimized.
  To create a production build, run npm run build.

Fichier: App.vue

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
 
<template>
  <div id="wrapper">
    <nav class="navbar is-dark">
      <div class="navbar-brand">
        <router-link to="/" class="navbar-item"><strong>Djackets</strong></router-link>
        <a class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbar-menu">
          <span aria-hidden="true"></span>
          <span aria-hidden="true"></span>
          <span aria-hidden="true"></span>
        </a>
      </div>
 
      <div class="navbar-menu" id="navbar-menu">
        <div class="navbar-end">
          <router-link to="/summer" class="navbar-item">Summer</router-link>
          <router-link to="/winter" class="navbar-item">Winter</router-link>
 
          <div class="navbar-item">
            <div class="buttons">
              <router-link to="/log-in" class="button is-light">Log in</router-link>
 
              <router-link to="/cart" class="button is-success">
                <span class="icon"><i class="fas fa-shopping-cart"></i></span>
                <span>Cart</span>
              </router-link>
            </div>
          </div>
        </div>
      </div>
    </nav>
 
    <section class="section">
      <router-view />
    </section>
 
    <footer class="footer">
      <p class="has-text-centered">Copyright (c) 2023</p>
    </footer>
  </div>
</template>
 
<style lang="scss">
@import '../node_modules/bulma';
</style>

27/04/2023, 11h01
wiztricks

Citation:

Envoyé par cdevl37

Avec le App.vue d'origine la je reçois bien ma page et des que j'ai modifié ce fichier la plus de résultat une page blanche.

Repartez de là où ça fonctionnait, comparez avec la modification que vous avez faite et essayez de comprendre pourquoi ça ne marche plus.

- W
27/04/2023, 23h55
cdevl37

En effet j'ai suivi vos conseil et sa fonctionne

Merci à vous