Diskuze – Lekce 2 - Vytvoření React projektu

Zpět

Upozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.

Komentáře

Pavel Sybr

Člen

Pavel Sybr:4.9.2024 9:23

Je potřeba celé aktualizovat, např. Oracle19JDK se dá sice sehnat, ale musí se člověk registrovat, 22 pak samozřejmě nefunguje s verzí 3.0.2 je potřeba verze 3.3.2 a podobně ... spousta ztraceného času, než se to podařilo ... snad se to bude v budoucnu hodit

Odpovědět

4.9.2024 9:23

Denis Hužvár

Člen

Denis Hužvár:24.9.2024 10:39

Nebol tu uvedeny dost dolezity fakt a to ze zlozku "npm" si treba vytvorit rucne

C:\Users\(nazov uzivatela)\AppData\Roaming\(tu vytvorit)

nehovoriac o to, ze AppData su skryty priecinok, co nie kazdy sa vie do neho vobec dostat.

stacilo dodat vetu: Pred otvorením spustite príkazový riadok "cm" a zadajte príkaz ,,mkdir "%APPDATA%\npm",, a stlačte ENTER

Odpovědět

24.9.2024 10:39

Denis Hužvár

Člen

Denis Hužvár:25.9.2024 9:20

komu to nefunguje a vypisuje mu chybu staci otvorit len prikazovy riadok (cmd) a do neho napisat toto

,,mkdir "%APPDATA%\npm",,

pozor kopirovat ,,text v ciarkach,, treba skopirovat aj " a stlacit enter
prikazovy riadok sa spusta dole pri starte tam kde sa zadava text staci napisat ,,cmd,, a dat enter... dufam ze to niekomu pomoze

Odpovědět

25.9.2024 9:20

Miroslav Švec

Člen

Miroslav Švec:17.10.2024 19:47

Mohli byste si laskavě aktualizovat všechny články, aby byly funkční a já nemusel lovit informace v komentářích a na DC? Třeba zde ohledně ručního vytvoření NPM složky!!!! jsem nováček, zahlcen informacemi a když musím trávit drahocenný čas zprovozňováním kdečeho...

Odpovědět

17.10.2024 19:47

Václav Janča

Člen

Václav Janča:20.10.2024 7:26

kdo by měl stejnej problém ve Windows 11 tak otevřít průzkumníka, menu třítečkové vedle koše, zobrazit - otevře se okno další nabídky a znovu zobrazit - vybrat skryté položky, najít AppData, v AppData najít Roaming otevřít ho a vytvořit v něm novou složku npm - potom znovu zadat do terminálu :
npx create-react-app@^5.0.1 helloworld a objeví se:
Need to install the following packages:
[email protected]
Ok to proceed? (y)
to potvrdíme: y
a objeví se postupně se načítající:
npm warn deprecated [email protected]: This package is no longer supported.
npm warn deprecated [email protected]: Rimraf versions prior to v4 are no longer supported
npm warn deprecated [email protected]: This package is no longer supported.
npm warn deprecated [email protected]: This package is no longer supported.
npm warn deprecated [email protected]: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.
npm warn deprecated [email protected]:
Glob versions prior to v9 are no longer supported
npm warn deprecated [email protected]: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap.

Creating a new React app in C:\Users\janca\OneDrive\AlphaITN\React\helloworld.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...

added 1478 packages in 3m

262 packages are looking for funding
run npm fund for details

Initialized a git repository.

Installing template dependencies using npm...

added 63 packages, and changed 1 package in 36s

262 packages are looking for funding
run npm fund for details
Removing template package using npm...

removed 1 package, and audited 1541 packages in 7s

262 packages are looking for funding
run npm fund for details

8 vulnerabilities (2 moderate, 6 high)
To address all issues (including breaking changes), run:
npm audit fix --force

Run npm audit for details.
Git commit not created Error: Command failed: git commit -m "Initialize project using Create React App"
at genericNodeError (node:internal/errors:984:15)
at wrappedFn (node:internal/errors:538:14)
at checkExecSyncError (node:child_process:891:11)
at execSync (node:child_process:963:15)
at tryGitCommit (C:\Users\janca\OneDrive\AlphaITN\React\helloworld\node_modules\react-scripts\scripts\init.js:62:5)
at module.exports (C:\Users\janca\OneDrive\AlphaITN\React\helloworld\node_modules\react-scripts\scripts\init.js:350:25)
at [eval]:3:14
at runScriptInThisContext (node:internal/vm:209:10)
at node:internal/process/execution:118:14
at [eval]-wrapper:6:24 {
status: 128,
signal: null,
output: [ null, null, null ],
pid: 10772,
stdout: null,
stderr: null
}
Removing .git directory...

Success! Created helloworld at C:\Users\janca\OneDrive\AlphaITN\React\helloworld
Inside that directory, you can run several commands:

npm start
Starts the development server.

npm run build
Bundles the app into static files for production.

npm test
Starts the test runner.

npm run eject
Removes this tool and copies build dependencies, configuration files
and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

cd helloworld
npm start

Happy hacking!
PS C:\Users\janca\OneDrive\AlphaITN\React>
A je to

Odpovědět

20.10.2024 7:26

Aida Bešić

Člen

Aida Bešić :20.10.2024 11:39

Chiby informace jak vztvorit npm slozku. Prosim aktualizovat dokument.

Odpovědět

20.10.2024 11:39

Jiří Trojánek

Člen

Jiří Trojánek:29.10.2024 20:26

V článku chybí podstatná info, že je nutné vytvořit složku npm ve složce C:\Users\user\AppData\Roaming. Myslel jsem, že je špatně nainstalované, zkoušel kde co. Až v diskuzi jsem objevil, že stejnou chybu mají i jiní lidé a několikrát bylo popsané řešení. Radši bych hledal pokyny jak něco udělat v článku a ne na nemoderované diskuzi.

Odpovědět

29.10.2024 20:26

Miroslav Nižník

Člen

Miroslav Nižník :4.11.2024 6:06

Mně se ve Windows11 objevilo toto:

****npx : File C:\Program Files\nodejs\npx.ps1 cannot be loaded because running scripts is disabled on this system. For mor
e information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
At line:1 char:1

npx create-react-app@^5.0.1 helloworld
~~~
- CategoryInfo : SecurityError: (:) [], PSSecurityException
- FullyQualifiedErrorId : UnauthorizedAccess****

Poradili mi zde: https:/go.microsoft.com/fwlink/?LinkID=135170

Zadal jsem do příkazového řádku:

Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser

Příkaz, který změní zásadu spuštění, může být úspěšný, ale přesto nezmění efektivní zásadu spuštění.

Například příkaz, který nastaví zásady spouštění pro místní počítač, může být úspěšný, ale bude přepsán zásadami spuštění pro aktuálního uživatele.

Pak jsem zadal:

npx create-react-app@^5.0.1 helloworld

A vše šlo jako po drátku

Odpovědět

4.11.2024 6:06

Lituj toho co si udělal, než toho, co so neudělal.

Roman Lamer

Člen

Roman Lamer:28.11.2024 11:35

Když kliknu pravým tlačítkem myši na složku helloworld, rozhodně mi to nenabídne otevřít v Code. Instalované ho mám. Existuje jiná možnost? Zasekávat se na podobných věcech stojí příliš času.

Odpovědět

28.11.2024 11:35

Elie Lusaku Nlandu Abedi

Člen

Elie Lusaku Nlandu Abedi:25.12.2024 18:32

Dobrá lekce. Jen ty chyby při instalací npm a npx :

7-krát "npm warn deprecated " u několika packages a modules.
"npm error code ERESOLVE" a cca 10 dalších řádků "error". Následně a se v prohlížeči i aplikace spustila s chybou.

Odpovědět

25.12.2024 18:32

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 10 zpráv z 57.

Nejčastěji vyhledáváné

Diskuze – Lekce 2 - Vytvoření React projektu