Estão ignorando as reclamações - Tudo que eu tento fazer da errado | React: gerenciamento de estados globais com ContextAPI

Solucionado (ver solução)

Solucionado
(ver solução)

5
respostas

Referente ao curso React: gerenciamento de estados globais com ContextAPI

por Lucas Enrico Bailo da Silva

| 98.8k xp | 29 posts

Bom, já fiz de tudo que o pessoal comentou no forum, estou desde quinta feira tentando começar o projeto e, semper paro em alguma coisa.

Dessa vez, finalmente consegui iniciar o projeto e logo de cara, na hora de importar o Router no index.js do src, ele deu um erro. Tentei corrigir e agora estou recebendo esse erro:

Attempted import error: 'Switch' is not exported from 'react-router-dom' (imported as 'Switch').
ERROR in ./src/routes.js 9:35-41
export 'Switch' (imported as 'Switch') was not found in 'react-router-dom' (possible exports: AbortedDeferredError, Await, BrowserRouter, Form, HashRouter, Link, MemoryRouter, NavLink, Navigate, NavigationType, Outlet, Route, Router, RouterProvider, Routes, ScrollRestoration, UNSAFE_DataRouterContext, UNSAFE_DataRouterStateContext, UNSAFE_LocationContext, UNSAFE_NavigationContext, UNSAFE_RouteContext, UNSAFE_useRouteId, UNSAFE_useScrollRestoration, createBrowserRouter, createHashRouter, createMemoryRouter, createPath, createRoutesFromChildren, createRoutesFromElements, createSearchParams, defer, generatePath, isRouteErrorResponse, json, matchPath, matchRoutes, parsePath, redirect, redirectDocument, renderMatches, resolvePath, unstable_HistoryRouter, unstable_useBlocker, unstable_usePrompt, useActionData, useAsyncError, useAsyncValue, useBeforeUnload, useFetcher, useFetchers, useFormAction, useHref, useInRouterContext, useLinkClickHandler, useLoaderData, 
useLocation, useMatch, useMatches, useNavigate, useNavigation, useNavigationType, useOutlet, useOutletContext, useParams, useResolvedPath, useRevalidator, useRouteError, useRouteLoaderData, useRoutes, useSearchParams, useSubmit)

webpack compiled with 1 error

Infelizmente nada da certo, minha assinatura da alura faz 1 ano amanhã e estou arrependido de ter renovado...

5 respostas

por Lucas Enrico Bailo da Silva

| 98.8k xp | 29 posts

14/10/2023

Tentei mudar o Switch por "Routes" e mesmo assim:

ERROR
[Login] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
    at invariant (http://localhost:3000/static/js/bundle.js:12898:11)
    at http://localhost:3000/static/js/bundle.js:53639:108
    at http://localhost:3000/static/js/bundle.js:57398:21
    at http://localhost:3000/static/js/bundle.js:57361:21
    at mapIntoArray (http://localhost:3000/static/js/bundle.js:57264:27)
    at mapChildren (http://localhost:3000/static/js/bundle.js:57360:7)
    at Object.forEachChildren [as forEach] (http://localhost:3000/static/js/bundle.js:57397:7)
    at createRoutesFromChildren (http://localhost:3000/static/js/bundle.js:53627:47)
    at http://localhost:3000/static/js/bundle.js:53658:24
    at http://localhost:3000/static/js/bundle.js:57398:21

por Lucas Enrico Bailo da Silva

| 98.8k xp | 29 posts

14/10/2023

Fazendo isso aqui pela 4ª vez... Vou começar de novo:

https://cursos.alura.com.br/forum/topico-sugestao-para-quem-nao-esta-conseguindo-iniciar-o-projeto-325450

por Lucas Enrico Bailo da Silva

| 98.8k xp | 29 posts

14/10/2023

Quando vou importar o Router da erro sempre:

import Router from './routes';

Mesmo se eu colocar 'routes', 'routes.js', ./routes.js'

Erro 1:

Failed to compile.

Module not found: Error: Can't resolve 'react-router-dom' in 'C:\Users\Lucas\context-v2\src'
ERROR in ./src/routes.js 5:0-64
Module not found: Error: Can't resolve 'react-router-dom' in 'C:\Users\Lucas\context-v2\src'

webpack compiled with 1 error

Erro 2:

Note that the development build is not optimized.
Failed to compile.

Module not found: Error: Can't resolve 'react-router-dom' in 'C:\Users\Lucas\context-v2\src'
WARNING in [eslint] 
src\index.js
  Line 6:8:  'Login' is defined but never used  no-unused-vars

ERROR in ./src/routes.js 5:0-64
Failed to compile.

Module not found: Error: Can't resolve 'react-router-dom' in 'C:\Users\Lucas\context-v2\src'
ERROR in ./src/routes.js 5:0-64
Module not found: Error: Can't resolve 'react-router-dom' in 'C:\Users\Lucas\context-v2\src'

webpack compiled with 1 error

Print da imagem com problema

Compiled with problems:
×
ERROR in ./src/routes.js 5:0-64
Module not found: Error: Can't resolve 'react-router-dom' in 'C:\Users\Lucas\context-v2\src'

por Lucas Enrico Bailo da Silva

| 98.8k xp | 29 posts

14/10/2023

Dei um yarn add react-router-dom ai f#deu tudo de vez. Vou ter que começar de novo pela 5ª vez.

Namoral, por hoje desisto. Era pra ser um fds produtivo, mas só peguei raiva. Completamente desmotivado.

webpack compiled with 1 error
One of your dependencies, babel-preset-react-app, is importing the 
"@babel/plugin-proposal-private-property-in-object" package without
declaring it in its dependencies. This is currently working because
"@babel/plugin-proposal-private-property-in-object" is already in your
node_modules folder for unrelated reasons, but it may break at any time.

babel-preset-react-app is part of the create-react-app project, which
is not maintianed anymore. It is thus unlikely that this bug will
ever be fixed. Add "@babel/plugin-proposal-private-property-in-object" to
your devDependencies to work around this error. This will make this message
go away.

solução!

por Lucas Enrico Bailo da Silva

| 98.8k xp | 29 posts

14/10/2023

Depender desse fórum aqui é perder uma semana de estudo