Discussion :

[cdevl37]

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 ?




Mon code app.vue :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[Arioch]

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

[cdevl37]

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

oui une belle

[wiztricks]

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

[cdevl37]

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

J'essaye de suivre se tuto même si je suis novice.

[wiztricks]

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

[cdevl37]

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.

[wiztricks]

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

[cdevl37]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[wiztricks]

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

[cdevl37]

En effet j'ai suivi vos conseil et sa fonctionne

Merci à vous