da2k / curso-reactjs-ninja

915 stars 322 forks source link

[ MRW#02 ] Configuração inicial do Webpack #583

Closed asilva-dev closed 2 years ago

asilva-dev commented 2 years ago

Olá tudo bem? Não estou conseguindo de jeito nenhum configurar o webpack, já apaguei o projeto, reiniciei do 0, e tenho instalado a versão de acordo com o arquivo de dependência. agora, o último erro que tive foi esse aqui:

Captura de Tela 2022-04-07 às 00 55 24

Eu já tentei também deixar o arquivo webpack.config dentro da pasta do webpack, e mesmo assim ele gera um outro erro:

Captura de Tela 2022-04-07 às 00 58 13

Eu já subi para o meu repositório, segue o link: https://github.com/mandypry/react_ninja

Poderia me dar uma ajuda por favor?

Desde já agradeço,

u @fdaciuk
fdaciuk commented 2 years ago

Oi @mandypry! Olhei aqui o seu projeto: o problema é que o arquivo package.json precisa estar na raiz do seu projeto, junto com o arquivo webpack.config.js.

Um outro possível problema é o nome do diretório: as dependências as vezes se perdem se você usar no nome do diretório o mesmo nome do pacote. Você pode renomear o diretório webpack para webpack-test ou algo assim (qualquer coisa diferente de webpack).

Aí você só precisa colocar todos os arquivos dentro desse diretório, e então já conseguirá executar os comandos queu precisa :)

asilva-dev commented 2 years ago

Oi @fdaciuk , eu tentei deixar todos os arquivos fora da pasta (que eu renomeei) e também não rolou(o que pra mim não faz muito sentido, se o node_modules está dentro da pasta né?):

Captura de Tela 2022-04-07 às 09 11 22 Captura de Tela 2022-04-07 às 09 17 46

Tentei colocar todos dentro da pasta também, e também não foi:

Captura de Tela 2022-04-07 às 09 13 53

2ae76-49e4-4c21-93dd-5f56eb52e1a4.png">

Captura de Tela 2022-04-07 às 09 14 38
fdaciuk commented 2 years ago

Oi @mandypry! A node_modules precisa estar no mesmo diretório do package.json e do seu webpack.config.js, então pode mover ela também pra fora :)

Você tinha criado o diretório webpack apenas para testar? Se foi, pode remover ele.

A sua configuração deveria ficar assim: https://github.com/da2k/curso-reactjs-ninja/tree/master/examples/react-webpack/mrw-02

asilva-dev commented 2 years ago

Oi @fdaciuk tudo bem? Eu dei uma parada no curso e voltei, finalmente consegui passar dessa parte, deu certo com a sua explicação. Muito obrigada :-)

fdaciuk commented 2 years ago

Perfeito @mandypry! Qualquer dúvida, só avisar :D