Aplikacja warzywniak

Aplikacja warzywniak

Wątek przeniesiony 2025-02-12 10:06 z JavaScript przez Riddle.

FI
  • Rejestracja:około miesiąc
  • Ostatnio:21 dni
  • Postów:8
0

PIszę aplikację warzywniak w językach programowania React oraz C#. Nie wiem jaki jest problem,ale nie chce mi to w ogóle zadziałać. Pierwszy raz piszę w React .

Wrzucam kody z React i C#

475365257_1192115689284335_5358123285910313159_n.png
475660096_2250389848740492_5263913222600473706_n.png
473667814_1651996072099792_6703835071854411561_n.png
476418016_1275665893724949_7852499948967832523_n.png
475660031_476745098821218_1231412558956636843_n.png
475153904_1597809147522589_2207022623232776189_n.png
475647201_1064772415457638_4880129587509512857_n.png
475194429_1578341552886741_3350709878314169772_n.png
475937878_630084432848684_6796954238973203384_n.png
475653474_1405265974015148_3739923522173631266_n.png

476575861_616861624621647_8496627116075214245_n.png

476062908_929879085926524_295627810150150829_n.png

edytowany 2x, ostatnio: Riddle
Riddle
@Firo: Cześć! Fajnie że zadałeś pytanie! Mała prośba, zerknij na Dlaczego nie należy zamieszczać kodu w postaci obrazków
DE
  • Rejestracja:prawie 8 lat
  • Ostatnio:około 12 godzin
  • Postów:563
3

Czemu wrzucasz screenshoty zamiast kodu w formie tekstu? Jako tekst łatwiej by nam było uruchomić, przeanalizować, skopiowac do AI

somekind
Moderator
  • Rejestracja:około 17 lat
  • Ostatnio:dzień
  • Lokalizacja:Wrocław
2

Po dopracowaniu rozwiązania każdy będzie mógł założyć własny drzewiasty wątek.
AD
  • Rejestracja:ponad rok
  • Ostatnio:około 7 godzin
  • Postów:315
2

Co znaczy że nie che zadziałać? React to nie język. Moze napisz samo api a dopiero potem dorabiaj front.

edytowany 1x, ostatnio: Adin
Riddle
Administrator
  • Rejestracja:ponad 14 lat
  • Ostatnio:około 4 godziny
  • Lokalizacja:Laska, z Polski
  • Postów:10032
2

Uruchomiłeś npx create-react-app fruit-vegetable-shop, i to stworzyło Ci projekt w folderze fruit-vegetable-shop. Następnie próbujesz zrobić npm start, i to próbuje uruchomić projekt w aktualnym folderze.

Najpierw zrób:

Kopiuj
cd fruit-vegetable-shop

a dopiero potem

Kopiuj
npm start

Powinno wstać 😊

FI
  • Rejestracja:około miesiąc
  • Ostatnio:21 dni
  • Postów:8
0
Riddle napisał(a):

Uruchomiłeś npx create-react-app fruit-vegetable-shop, i to stworzyło Ci projekt w folderze fruit-vegetable-shop. Następnie próbujesz zrobić npm start, i to próbuje uruchomić projekt w aktualnym folderze.

Najpierw zrób:

Kopiuj
cd fruit-vegetable-shop

a dopiero potem

Kopiuj
npm start

Powinno wstać 😊

Zrobiłem tak mi napisałeś, ale nie mi to odpalić. Zmieniłem moją aplikację
najpierw dałem npm install -g react-cli
następnie npx create-react-app warzywniak-fronntend
potem cd warzywniak-frontend
dodałem tam biblitekę npm install axios react-router-dom
na koniec npm start

obscurity
  • Rejestracja:około 6 lat
  • Ostatnio:około 6 godzin
0

zobacz w package.json jakie masz skrypty i czy jest tam skrypt o nazwie "start". I nie mów "nie działa" tylko daj konkretne komunikaty które dostajesz


"A car won't take your job, another horse driving a car will." - Horse influencer, 1910
edytowany 1x, ostatnio: obscurity
FI
  • Rejestracja:około miesiąc
  • Ostatnio:21 dni
  • Postów:8
0
obscurity napisał(a):

zobacz w package.json jakie masz skrypty i czy jest tam skrypt o nazwie "start". I nie mów "nie działa" tylko daj konkretne komunikaty które dostajesz

Tak mam to

package.json

Kopiuj
"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
edytowany 2x, ostatnio: Riddle
obscurity
dalej nie napisałeś co się dzieje gdy uruchamiast npm start
FI
  • Rejestracja:około miesiąc
  • Ostatnio:21 dni
  • Postów:8
0
Firo napisał(a):
obscurity napisał(a):

zobacz w package.json jakie masz skrypty i czy jest tam skrypt o nazwie "start". I nie mów "nie działa" tylko daj konkretne komunikaty które dostajesz

Tak mam to

package.json

Kopiuj
"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

PS C:\Users\wancz\Desktop\warzywa i owoce> npm start
npm ERR! Missing script: "start"
npm ERR!
npm ERR! Did you mean one of these?
npm ERR! npm star # Mark your favorite packages
npm ERR! npm stars # View packages marked as favorites
npm ERR!
npm ERR! To see a list of scripts, run:
npm ERR! npm run

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\wancz\AppData\Local\npm-cache_logs\2025-02-14T15_17_57_658Z-debug-0.log
PS C:\Users\wancz\Desktop\warzywa i owoce>

  • History restored

npm ERR! Missing script: "start"
npm ERR!
npm ERR! Did you mean one of these?
npm ERR! npm star # Mark your favorite packages
npm ERR! npm stars # View packages marked as favorites
npm ERR!
npm ERR! To see a list of scripts, run:
npm ERR! npm run

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\wancz\AppData\Local\npm-cache_logs\2025-02-18T16_55_43_475Z-debug-0.log

obscurity
  • Rejestracja:około 6 lat
  • Ostatnio:około 6 godzin
0

a uruchamiasz to z tego samego folderu w którym jest package.json?


"A car won't take your job, another horse driving a car will." - Horse influencer, 1910
FI
  • Rejestracja:około miesiąc
  • Ostatnio:21 dni
  • Postów:8
0
obscurity napisał(a):

a uruchamiasz to z tego samego folderu w którym jest package.json?

Tak

M0
  • Rejestracja:ponad 11 lat
  • Ostatnio:około 2 godziny
  • Postów:362
0

Może głupie spostrzerzenie, ale w path masz spacje "\Desktop\warzywa i owoce" może to coś robi?
druga kwestia
Napisałeś:

Kopiuj
następnie npx create-react-app warzywniak-fronntend
potem cd warzywniak-frontend
dodałem tam biblitekę npm install axios react-router-dom

Jednak zlogu, który wysłałeś wynika, że jesteś w innym katalogu. W miejscu gdzie robisz npm start, napisz dir , aby wylistować pliki i katalogi jakie są. Imho w złym miejscu odpalać

edytowany 1x, ostatnio: Michalk001
FI
  • Rejestracja:około miesiąc
  • Ostatnio:21 dni
  • Postów:8
0
Michalk001 napisał(a):

Może głupie spostrzerzenie, ale w path masz spacje "\Desktop\warzywa i owoce" może to coś robi?
druga kwestia
Napisałeś:

Kopiuj
następnie npx create-react-app warzywniak-fronntend
potem cd warzywniak-frontend
dodałem tam biblitekę npm install axios react-router-dom

Jednak zlogu, który wysłałeś wynika, że jesteś w innym katalogu. W miejscu gdzie robisz npm start, napisz dir , aby wylistować pliki i katalogi jakie są. Imho w złym miejscu odpalać

wpisałem dir i wyszło takie coś
PS C:\Users\wancz\Desktop\warzywa i owoce> dir

Directory: C:\Users\wancz\Desktop\warzywa i owoce

Mode LastWriteTime Length Name


d----- 14.02.2025 15:27 warzywniak-frontend

obscurity
  • Rejestracja:około 6 lat
  • Ostatnio:około 6 godzin
0

....

no czyli masz podfolder "warzywniak-frontend" musisz w niego wejść najpierw... a w tym folderze co jesteś teraz nie ma package.json więc dajesz nam tu odpowiedzi bez sprawdzenia


"A car won't take your job, another horse driving a car will." - Horse influencer, 1910
FI
  • Rejestracja:około miesiąc
  • Ostatnio:21 dni
  • Postów:8
0
obscurity napisał(a):

....

no czyli masz podfolder "warzywniak-frontend" musisz w niego wejść najpierw... a w tym folderze co jesteś teraz nie ma package.json więc dajesz nam tu odpowiedzi bez sprawdzenia

w folderze warzywniak-frontend mam package.json

Riddle
Administrator
  • Rejestracja:ponad 14 lat
  • Ostatnio:około 4 godziny
  • Lokalizacja:Laska, z Polski
  • Postów:10032
0
Firo napisał(a):
obscurity napisał(a):

....

no czyli masz podfolder "warzywniak-frontend" musisz w niego wejść najpierw... a w tym folderze co jesteś teraz nie ma package.json więc dajesz nam tu odpowiedzi bez sprawdzenia

w folderze warzywniak-frontend mam package.json

To zrób

Kopiuj
cd warzywniak-frontend

i potem

Kopiuj
npm start
FI
  • Rejestracja:około miesiąc
  • Ostatnio:21 dni
  • Postów:8
0
Riddle napisał(a):
Firo napisał(a):
obscurity napisał(a):

....

no czyli masz podfolder "warzywniak-frontend" musisz w niego wejść najpierw... a w tym folderze co jesteś teraz nie ma package.json więc dajesz nam tu odpowiedzi bez sprawdzenia

w folderze warzywniak-frontend mam package.json

To zrób

Kopiuj
cd warzywniak-frontend

i potem

Kopiuj
npm start

Tak zrobiłem i mam błędy
Starting the development server...

One of your dependencies, babel-preset-react-app, is importing the
Failed to compile.

Module not found: Error: Can't resolve './components/ProductList' in 'C:\Users\wancz\Desktop\warzywa i owoce\warzywniak-frontend\src'
ERROR in ./src/App.js 6:0-51
Module not found: Error: Can't resolve './components/ProductList' in 'C:\Users\wancz\Desktop\warzywa i owoce\warzywniak-frontend\src'

ERROR in ./src/App.js 7:0-57
Module not found: Error: Can't resolve './components/ProductDetails' in 'C:\Users\wancz\Desktop\warzywa i owoce\warzywniak-frontend\src'

ERROR in ./src/App.js 8:0-51
Module not found: Error: Can't resolve './components/ProductForm' in 'C:\Users\wancz\Desktop\warzywa i owoce\warzywniak-frontend\src'

ERROR in ./src/App.js 27:39-45
export 'Switch' (imported as 'Switch') was not found in 'react-router-dom' (possible exports: Await, BrowserRouter, Form, HashRouter, HydratedRouter, IDLE_BLOCKER, IDLE_FETCHER, IDLE_NAVIGATION, Link, Links, MemoryRouter, Meta, NavLink, Navigate, NavigationType, Outlet, PrefetchPageLinks, Route, Router, RouterProvider, Routes, Scripts, ScrollRestoration, ServerRouter, StaticRouter, StaticRouterProvider, UNSAFE_DataRouterContext, UNSAFE_DataRouterStateContext, UNSAFE_ErrorResponseImpl, UNSAFE_FetchersContext, UNSAFE_FrameworkContext, UNSAFE_LocationContext, UNSAFE_NavigationContext, UNSAFE_RemixErrorBoundary, UNSAFE_RouteContext, UNSAFE_ServerMode, UNSAFE_SingleFetchRedirectSymbol, UNSAFE_ViewTransitionContext, UNSAFE_createBrowserHistory, UNSAFE_createClientRoutes, UNSAFE_createClientRoutesWithHMRRevalidationOptOut, UNSAFE_createRouter, UNSAFE_decodeViaTurboStream, UNSAFE_deserializeErrors, UNSAFE_getPatchRoutesOnNavigationFunction, UNSAFE_getSingleFetchDataStrategy, UNSAFE_invariant, UNSAFE_mapRouteProperties, UNSAFE_shouldHydrateRouteLoader, UNSAFE_useFogOFWarDiscovery, UNSAFE_useScrollRestoration, createBrowserRouter, createCookie, createCookieSessionStorage, createHashRouter, createMemoryRouter, createMemorySessionStorage, createPath, createRequestHandler, createRoutesFromChildren, createRoutesFromElements, createRoutesStub, createSearchParams, createSession, createSessionStorage, createStaticHandler, createStaticRouter, data, generatePath, isCookie, isRouteErrorResponse, isSession,
matchPath, matchRoutes, parsePath, redirect, redirectDocument, renderMatches, replace, resolvePath, unstable_HistoryRouter, unstable_setDevServerHooks, unstable_usePrompt, useActionData, useAsyncError, useAsyncValue, useBeforeUnload, useBlocker, useFetcher, useFetchers, useFormAction, useHref, useInRouterContext, useLinkClickHandler, useLoaderData, useLocation, useMatch, useMatches, useNavigate, useNavigation, useNavigationType, useOutlet, useOutletContext, useParams, useResolvedPath, useRevalidator, useRouteError, useRouteLoaderData, useRoutes, useSearchParams, useSubmit, useViewTransitionState)

webpack compiled with 4 errors

Kliknij, aby dodać treść...

Pomoc 1.18.8

Typografia

Edytor obsługuje składnie Markdown, w której pojedynczy akcent *kursywa* oraz _kursywa_ to pochylenie. Z kolei podwójny akcent **pogrubienie** oraz __pogrubienie__ to pogrubienie. Dodanie znaczników ~~strike~~ to przekreślenie.

Możesz dodać formatowanie komendami , , oraz .

Ponieważ dekoracja podkreślenia jest przeznaczona na linki, markdown nie zawiera specjalnej składni dla podkreślenia. Dlatego by dodać podkreślenie, użyj <u>underline</u>.

Komendy formatujące reagują na skróty klawiszowe: Ctrl+B, Ctrl+I, Ctrl+U oraz Ctrl+S.

Linki

By dodać link w edytorze użyj komendy lub użyj składni [title](link). URL umieszczony w linku lub nawet URL umieszczony bezpośrednio w tekście będzie aktywny i klikalny.

Jeżeli chcesz, możesz samodzielnie dodać link: <a href="link">title</a>.

Wewnętrzne odnośniki

Możesz umieścić odnośnik do wewnętrznej podstrony, używając następującej składni: [[Delphi/Kompendium]] lub [[Delphi/Kompendium|kliknij, aby przejść do kompendium]]. Odnośniki mogą prowadzić do Forum 4programmers.net lub np. do Kompendium.

Wspomnienia użytkowników

By wspomnieć użytkownika forum, wpisz w formularzu znak @. Zobaczysz okienko samouzupełniające nazwy użytkowników. Samouzupełnienie dobierze odpowiedni format wspomnienia, zależnie od tego czy w nazwie użytkownika znajduje się spacja.

Znaczniki HTML

Dozwolone jest używanie niektórych znaczników HTML: <a>, <b>, <i>, <kbd>, <del>, <strong>, <dfn>, <pre>, <blockquote>, <hr/>, <sub>, <sup> oraz <img/>.

Skróty klawiszowe

Dodaj kombinację klawiszy komendą notacji klawiszy lub skrótem klawiszowym Alt+K.

Reprezentuj kombinacje klawiszowe używając taga <kbd>. Oddziel od siebie klawisze znakiem plus, np <kbd>Alt+Tab</kbd>.

Indeks górny oraz dolny

Przykład: wpisując H<sub>2</sub>O i m<sup>2</sup> otrzymasz: H2O i m2.

Składnia Tex

By precyzyjnie wyrazić działanie matematyczne, użyj składni Tex.

<tex>arcctg(x) = argtan(\frac{1}{x}) = arcsin(\frac{1}{\sqrt{1+x^2}})</tex>

Kod źródłowy

Krótkie fragmenty kodu

Wszelkie jednolinijkowe instrukcje języka programowania powinny być zawarte pomiędzy obróconymi apostrofami: `kod instrukcji` lub ``console.log(`string`);``.

Kod wielolinijkowy

Dodaj fragment kodu komendą . Fragmenty kodu zajmujące całą lub więcej linijek powinny być umieszczone w wielolinijkowym fragmencie kodu. Znaczniki ``` lub ~~~ umożliwiają kolorowanie różnych języków programowania. Możemy nadać nazwę języka programowania używając auto-uzupełnienia, kod został pokolorowany używając konkretnych ustawień kolorowania składni:

```javascript
document.write('Hello World');
```

Możesz zaznaczyć również już wklejony kod w edytorze, i użyć komendy  by zamienić go w kod. Użyj kombinacji Ctrl+`, by dodać fragment kodu bez oznaczników języka.

Tabelki

Dodaj przykładową tabelkę używając komendy . Przykładowa tabelka składa się z dwóch kolumn, nagłówka i jednego wiersza.

Wygeneruj tabelkę na podstawie szablonu. Oddziel komórki separatorem ; lub |, a następnie zaznacz szablonu.

nazwisko;dziedzina;odkrycie
Pitagoras;mathematics;Pythagorean Theorem
Albert Einstein;physics;General Relativity
Marie Curie, Pierre Curie;chemistry;Radium, Polonium

Użyj komendy by zamienić zaznaczony szablon na tabelkę Markdown.

Lista uporządkowana i nieuporządkowana

Możliwe jest tworzenie listy numerowanych oraz wypunktowanych. Wystarczy, że pierwszym znakiem linii będzie * lub - dla listy nieuporządkowanej oraz 1. dla listy uporządkowanej.

Użyj komendy by dodać listę uporządkowaną.

1. Lista numerowana
2. Lista numerowana

Użyj komendy by dodać listę nieuporządkowaną.

* Lista wypunktowana
* Lista wypunktowana
** Lista wypunktowana (drugi poziom)

Składnia Markdown

Edytor obsługuje składnię Markdown, która składa się ze znaków specjalnych. Dostępne komendy, jak formatowanie , dodanie tabelki lub fragmentu kodu są w pewnym sensie świadome otaczającej jej składni, i postarają się unikać uszkodzenia jej.

Dla przykładu, używając tylko dostępnych komend, nie możemy dodać formatowania pogrubienia do kodu wielolinijkowego, albo dodać listy do tabelki - mogłoby to doprowadzić do uszkodzenia składni.

W pewnych odosobnionych przypadkach brak nowej linii przed elementami markdown również mógłby uszkodzić składnie, dlatego edytor dodaje brakujące nowe linie. Dla przykładu, dodanie formatowania pochylenia zaraz po tabelce, mogłoby zostać błędne zinterpretowane, więc edytor doda oddzielającą nową linię pomiędzy tabelką, a pochyleniem.

Skróty klawiszowe

Skróty formatujące, kiedy w edytorze znajduje się pojedynczy kursor, wstawiają sformatowany tekst przykładowy. Jeśli w edytorze znajduje się zaznaczenie (słowo, linijka, paragraf), wtedy zaznaczenie zostaje sformatowane.

  • Ctrl+B - dodaj pogrubienie lub pogrub zaznaczenie
  • Ctrl+I - dodaj pochylenie lub pochyl zaznaczenie
  • Ctrl+U - dodaj podkreślenie lub podkreśl zaznaczenie
  • Ctrl+S - dodaj przekreślenie lub przekreśl zaznaczenie

Notacja Klawiszy

  • Alt+K - dodaj notację klawiszy

Fragment kodu bez oznacznika

  • Alt+C - dodaj pusty fragment kodu

Skróty operujące na kodzie i linijkach:

  • Alt+L - zaznaczenie całej linii
  • Alt+, Alt+ - przeniesienie linijki w której znajduje się kursor w górę/dół.
  • Tab/⌘+] - dodaj wcięcie (wcięcie w prawo)
  • Shit+Tab/⌘+[ - usunięcie wcięcia (wycięcie w lewo)

Dodawanie postów:

  • Ctrl+Enter - dodaj post
  • ⌘+Enter - dodaj post (MacOS)