Jarrive pas a me servir du serveur

Bonjour Fred.

Je te félicite pour ta motivation :)

Je ne comprends pas très bien en fait tu n'as rien qui s'affiche quand tu fais npm start ?

Merci pour ta reponse

quand je saisie npm start voici le message  qu'il me renvoie Error: error:0308010C:digital envelope routines::unsupported?

Dernierement je suis allé sur le web on me conseil d'utiliser le code  ci dessous je me demande si c'est  OK ou KO //$env:NODE_OPTIONS = "--openssl-legacy-provider"

JE SAIS PAS CE QU IL FAUT FAIRE?

Error: error:0308010C:digital envelope routines::unsupported

    at new Hash (node:internal/crypto/hash:71:19)

    at Object.createHash (node:crypto:133:10)

    at module.exports (C:\Users\franc\Desktop\projets-react\react-formation-ultime\node_modules\webpack\lib\util\createHash.js:135:53)

    at NormalModule._initBuildHash (C:\Users\franc\Desktop\projets-react\react-formation-ultime\node_modules\webpack\lib\NormalModule.js:417:16)

    at handleParseError (C:\Users\franc\Desktop\projets-react\react-formation-ultime\node_modules\webpack\lib\NormalModule.js:471:10)

    at C:\Users\franc\Desktop\projets-react\react-formation-ultime\node_modules\webpack\lib\NormalModule.js:503:5 

    at C:\Users\franc\Desktop\projets-react\react-formation-ultime\node_modules\webpack\lib\NormalModule.js:358:12    at C:\Users\franc\Desktop\projets-react\react-formation-ultime\node_modules\loader-runner\lib\LoaderRunner.js:373:3

    at iterateNormalLoaders (C:\Users\franc\Desktop\projets-react\react-formation-ultime\node_modules\loader-runner\lib\LoaderRunner.js:214:10)

    at iterateNormalLoaders (C:\Users\franc\Desktop\projets-react\react-formation-ultime\node_modules\loader-runner\lib\LoaderRunner.js:221:10)

C:\Users\franc\Desktop\projets-react\react-formation-ultime\node_modules\react-scripts\scripts\start.js:19

  throw err;

  ^

Error: error:0308010C:digital envelope routines::unsupported

    at new Hash (node:internal/crypto/hash:71:19)

    at Object.createHash (node:crypto:133:10)

    at module.exports (C:\Users\franc\Desktop\projets-react\react-formation-ultime\node_modules\webpack\lib\util\createHash.js:135:53)

    at NormalModule._initBuildHash (C:\Users\franc\Desktop\projets-react\react-formation-ultime\node_modules\webpack\lib\NormalModule.js:417:16)

    at C:\Users\franc\Desktop\projets-react\react-formation-ultime\node_modules\webpack\lib\NormalModule.js:452:10    at C:\Users\franc\Desktop\projets-react\react-formation-ultime\node_modules\webpack\lib\NormalModule.js:323:13    at C:\Users\franc\Desktop\projets-react\react-formation-ultime\node_modules\loader-runner\lib\LoaderRunner.js:367:11

    at C:\Users\franc\Desktop\projets-react\react-formation-ultime\node_modules\loader-runner\lib\LoaderRunner.js:233:18

    at context.callback (C:\Users\franc\Desktop\projets-react\react-formation-ultime\node_modules\loader-runner\lib\LoaderRunner.js:111:13)

    at C:\Users\franc\Desktop\projets-react\react-formation-ultime\node_modules\babel-loader\lib\index.js:59:103 {  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],

  library: 'digital envelope routines',

  reason: 'unsupported',

  code: 'ERR_OSSL_EVP_UNSUPPORTED'

}

Node.js v18.12.1

PS C:\Users\franc\Desktop\projets-react\react-formation-ultime> 

Merci ça marche et je te remercie .

You can now view react-formation-ultime in the browser.

 Local:            http://localhost:3000

 On Your Network:  http://192.168.0.15:3000

Note that the development build is not optimized.

To create a production build, use npm run build.

Est ce que je suis obligé de saisir

set NODE_OPTIONS=--openssl-legacy-provider a chaque fois fois que je lance npm start?

merci encore.

Fred

Normalement il n'y a jamais besoin de le refaire, ne t'en fais pas

merci 

c'est quoi l'erreur dans react js code qui dit :

par exemple dans le fichier App.js  j'ai ecrit ce code,

sur la ligne 2 import knowledge from './pages/knowledge';

j'ai un message d'erreur du type 'knowledge' is declared but its value is never read (ts 6133)

j'essaie de voir sur le web mais j ai pas la correction?

merci Louis Nicolas j'espere ne pas etre trop ridicule car ces questions.

Ceci n'est pas tellement un message d'erreur. C'est surtout un petite message pour dire que vous importez une variable que vous n'utilisez pas.

bonjour

QUESTION 1

actuellemnt quand j ouvre le terminal de vs code il m indique le chemin C:\Users\franc\Desktop\projets-react>

j'aimerais qu il m'indique quand j ouvre le terminal de vs code le chemin

PS C:\Users\franc\Desktop\projets-react\react-formation-ultime> comment fait-on?

QUESTION 2

pour lancer le serveur locahost 3000 j'ai besoin d'ecrire le script  set NODE_OPTIONS=--openssl-legacy-provider  apres PS C:\Users\franc\Desktop\projets-react\react-formation-ultime> 

En fait quand je veux etre connecte au serveur LOCALHOST 3000 je fais

PS C:\Users\franc\Desktop\projets-react\react-formation-ultime> set NODE_OPTIONS=--openssl-legacy-provider

Et apres je fais

PS C:\Users\franc\Desktop\projets-react\react-formation-ultime> npm start

peut on creer un fichier qui se trouverai dans react-formation-ultime du script  set NODE_OPTIONS=--openssl-legacy-provider

afin quE JE PUISSE faire npm statr avec uniquement PS C:\Users\franc\Desktop\projets-react\react-formation-ultime> npm start

MERCI FRED

Bonjour Fred

Vous pouvez ouvrir votre dossier react formation ultime dans vs code pour qu'il affiche le chemin.

Pour votre question 2, le plus simple reste d'utiliser la flèche du haut de votre clavier pour ne pas retaper la commande

merci pour le chemein c'est facile.

En revanche pour la question deux j'ai trouvé un autre moyen en faisant sur package.json

Bonjour

Je suis entrain de suivre le cours REAC et on me demende de m'abonner a PRO mais je suis deja abonné  j ai deja payé ou alors comment je peux debloquer le cours pours fanaliser ce cours?

Bienvenue sur Believemy PRO - Believemy

Voila le massage que j'ai reçu aprés avoir payé

j ai reçu un message de confirmation a l'abonnement le 20:12:2022 VENANT DE CHEZ VOUS

Bonjour Fred

Nous avons eu un problème en récupérant votre mensualité ce matin. Je viens de reforcer le paiement et le problème est réglé.

Merci de m'avoir prévenu, amusez-vous bien :)

Depuis hier j'ai un pb de connection au localhost3000 quand je lance npmstart il me retourne 

ceci : Something is already running on port 3000.

Would you like to run the app on another port instead? » (Y/n)

Compiled successfully!

je saisi Y il m envoie sur localhost3001

il mouline environ 2 minutes et me renvoie un message comme la page ne repondant pas

vous pouvez attendre que la page soit de nouveau accessible ou la quittez et il mouline encore c'est idem pour le locahost3000

Pourtant dans le terminal j ai le message de reussite de louverture du serveur3001

Compiled successfully!

You can now view blog in the browser.

  Local:            http://localhost:3001   

  On Your Network:  http://192.168.0.15:3001

Note that the development build is not optimized.

To create a production build, use npm run build.

ça mouline ça mouline beaucoup !!!!

Je suis actuellement sur la formation react et je suis bloqué

pouvez vous m'eclaicir

merci

Bonjour bonjour

Je pense que vous avez une boucle infini dans votre programme. Vérifiez toutes vos boucles, ça doit venir d'ici !

Aussi, pour stopper le serveur (revenir au port 3000) vous pouvez essayer ceci :

npx kill-port 3000

Bonsoir 

Error: Unexpected token. Did you mean {'}'} or } error t1381

j'ai cette erreur pouvez vous m expliquer ce que cela signifie

merci

je suis en train d'utiliser les states et les props et j'arrive pas a afficher le state

merci

Bonjour Fred, pouvez-vous m'envoyer tous vos fichiers s'il vous plait ?

Comment je fais pour vous envoyer mon repertoire avec les fichiers?

Je pense qu il manque une video apres la numero 4 au premier chapitre qui doit nous montrer comment on peut vous envoyer des fichiers c'est pour cela que je vous demande comment je peux faire pour vous envoyer des repertoires et fichiers js.

J'aimerais bien vous envoyer mon repertoire racine  CV-FRED.

ou uniquement le repertoire SRC.

j'ai reussi a trouver l'erreur c'était un probleme de { a la place de (

Mais j'arrive pas a afficher le state qui est sur le component Languagues.js  vers Progressbar.js.

J'ai regarder le cours sur les HOOKS et le {usestate] j'aimerais bien a present utiliser les fonctions pour faire fonctionner le state je vous envoie  les deux fichiers js languages et progressbar. j'ai essayé de faire comme vous sur la leçon sur les hooks inserer une fonction à la palce d' une classe et l'afficher et j'ai pas reussi.

Sinon bravo pour la pédagogie, les cours sont  fantastiques

merci

import React, { Component } from 'react';
import Progressbar from './Progressbar';

class Languages extends Component {
state={
languages: [

{id: 1, values:"Javascript",xp:1.8},
{id: 2, values:"Css",xp:2},
{id: 3, values:"Php",xp:0.7},
{id: 4, values:"Python",xp:0.4},
],
framworks: [

{id: 1, values:"React",xp:1.4},
{id: 2, values:"Bootstrap",xp:2},
{id: 3, values:"Sass",xp:1.5},
{id: 4, values:"Material VI",xp:0.5},
    ],
}

    render (){
    
            
            let {languages,framworks} = this.state;

            return(

            <div className="languagesframworks">
            <Progressbar
             languages={languages}
             title="languages"  
             className ="languaguesdisplay"
             />   
                
            <Progressbar
            languages={framworks}
            title="Frameworks & Bibliothéque" 
            className="frameworksdisplay" 
            />    
        </div>   
        );
    }
}

export default Languages;





import React from 'react';

const Progressbar = (props) => {
    console.log(props);

    return (
        <div className={props.className}>
            <h3>{props.title}</h3>
                <div className="Years">
                    <span>Années d'experiences :</span>
                    <span> 1 an</span>
                    <span> 2 ans</span>  
                </div>
         
                <div>
                    {
                        props.languages.map((item) => {
                        let xpYears = 2;
                        let progressBar = item.xp / xpYears * 100 + '%';
            
                    return (

                    <div key={item.id} className="languagesList">
                    <li>{item.value}</li>
                    <div className="progressBar" style={{width:progressBar}}></div>
                    </div>
                        )
                        })
                        }
                </div>
        </div>
     );
};
 export default Progressbar;

Bonjour Fred, le plus simple reste encore d'utiliser les composants fonctionnels (que nous verrons d'ailleurs ensemble surtout dans les prochaines sessions). Pour ce qui est de votre code actuel, c'est difficile de pouvoir vous dire ce qui ne va pas sans le projet complet. Généralement les étudiants m'envoient leurs projets par mail, mais dans votre cas je crois surtout qu'il vous suffit de continuer.

j'essaie d'ouvrir le cours sur phyton de mon ordinateur de travail et il me retourne "vous avez deja acces a ce cours"

Hello, il faut aller sur ton tableau de bord ou sur https://believemy.com/course/creez-des-jeux-des-scripts-des-bots-et-analysez-des-donnees-avec-python/1/1