Servidor com problema, npm install dando erro

Estou com o mesmo problema.

Pulei do outro curdo para esse para tentar seguir o estudo já que lá ainda estou sem resposta para o problema do CORS e chego aqui na primeira aula já não funciona. Quase desistindo.

Caio no anterior a esse eu simplesmente pulei todo e fiz a versão atualizada pois oq está ali na formação do react esta desabilitado

Então, eu fiz isso porém ao chegar em determinado ponto ele pede pra fazer uma separação de módulos que não é entendida pelo Cors do Goollge chrome, ai que mora o problema porque sem isso o aplicativo não roda. Nessa hora eles pediram para rodar um script que não roda nem a pau. Pulei pra esse pq fiquei sem resposta ai fui instalar e da isso.

Minha visão é que os cursos não recebem uma boa atualização e essa parada de servidor toda hora eles colocam essa necessidade e não colocam como um pré requisito saber node. Isso lota os foruns com duvidas e cursos parados.

realmente to começando a achar que foi dinheiro jogado fora. Se não conseguir concluir o curso vou pedir pra cancelar o contrato e devolver o dinheiro.

Nesse quesito sou obrigado a concordar com você! Mas não sei se tem essa chance de devolverem seu dinheiro mano kk

Alura agluem poderia retornar sobre esse erro, não conseguimos começar o curso sem resolve-lo.

Achei isso mas não testei ainda:

https://cursos.alura.com.br/forum/topico-erro-ou-executar-npm-install-na-api-92683

Bom dia pessoal,

o problema que estão tendo é dar npm install dentro da api ou com a instalação do live-server?

no caso da api podem excluir o arquivo node_modules que está dentro da pasta server-petshop e fazer o npm install novamente, caso erro mostre aqui por favor. Lembrando que o zip vem o master e temos que navegar até a pasta do server-petshop para executar o comando

cd server-petshop-master cd server-petshop

Boa tarde, esse processo não funcionou. Instalei o node 8 e rodou, o problema é que agora no momento da aula 2.3 ele não roda o webpack pq da problema syntax que acredito estar relacionada a versão antiga do node:

petshop_estudo@1.0.0 start C:\Users\camiranda\Desktop\cvs\petshop_estudo\spa_js-projeto_inicial
> webpack --config webpack.config.js

[webpack-cli] SyntaxError: Invalid regular expression: /(\p{Uppercase_Letter}+|\p{Lowercase_Letter}|\d)(\p{Uppercase_Letter}+)/: Invalid escape
    at pathToArgumentName (C:\Users\camiranda\Desktop\cvs\petshop_estudo\spa_js-projeto_inicial\node_modules\webpack\lib\cli.js:66:4)
    at addFlag (C:\Users\camiranda\Desktop\cvs\petshop_estudo\spa_js-projeto_inicial\node_modules\webpack\lib\cli.js:170:16)
    at traverse (C:\Users\camiranda\Desktop\cvs\petshop_estudo\spa_js-projeto_inicial\node_modules\webpack\lib\cli.js:243:21)
    at traverse (C:\Users\camiranda\Desktop\cvs\petshop_estudo\spa_js-projeto_inicial\node_modules\webpack\lib\cli.js:299:23)
    at traverse (C:\Users\camiranda\Desktop\cvs\petshop_estudo\spa_js-projeto_inicial\node_modules\webpack\lib\cli.js:248:24)
    at Object.getArguments (C:\Users\camiranda\Desktop\cvs\petshop_estudo\spa_js-projeto_inicial\node_modules\webpack\lib\cli.js:308:2)
    at WebpackCLI.getBuiltInOptions (C:\Users\camiranda\Desktop\cvs\petshop_estudo\spa_js-projeto_inicial\node_modules\webpack-cli\lib\webpack-cli.js:404:47)
    at loadCommandByName (C:\Users\camiranda\Desktop\cvs\petshop_estudo\spa_js-projeto_inicial\node_modules\webpack-cli\lib\webpack-cli.js:554:38)     
    at Command.program.action (C:\Users\camiranda\Desktop\cvs\petshop_estudo\spa_js-projeto_inicial\node_modules\webpack-cli\lib\webpack-cli.js:1091:23)
    at Command.listener [as _actionHandler] (C:\Users\camiranda\Desktop\cvs\petshop_estudo\spa_js-projeto_inicial\node_modules\webpack-cli\node_modules\commander\index.js:922:31)
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! petshop_estudo@1.0.0 start: `webpack --config webpack.config.js`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the petshop_estudo@1.0.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\camiranda\AppData\Roaming\npm-cache\_logs\2021-02-24T20_18_56_243Z-debug.log

Tudo certo Caio,

Pode me passar o package.json do seu projeto por favor?

Esse erro talvez seja algo relacionado a versão do webpack.

Se for a versão por favor me oriente como baixar a versão correta via console.

{
  "name": "petshop_estudo",
  "version": "1.0.0",
  "main": "index.js",
  "dependencies": {},
  "devDependencies": {
    "webpack": "^5.24.1",
    "webpack-cli": "^4.5.0"
  },
  "scripts": {
    "start": "webpack --config webpack.config.js"
  },
  "author": "",
  "license": "ISC",
  "description": ""
}

Você pode trocar dentro do devDependencies as versões no package.json para

"webpack": "^4.42.1",

"webpack-cli": "^3.3.11"

Depois remove a pasta node_modules e faz o comando npm install.

Lembrando que temos a pasta do servidor e a pasta do projeto, então o node_modules que você vai remover é o da pasta de projeto do petshop e depois fazer o npm install dentro da pasta de projeto do petshop para que ele instale as versoes do webpack.

Ok, deu certo, segui mais a diante e parou de novo.

Nesse caso fiz os passos até a aula2.5 porém na hora do run build ele da que um erro estranho:

 C:\Users\camiranda\Desktop\cvs\spa_js-aula1\spa_js-aula1\aula1> npm run build

> spa_js-aula1@1.0.0 build C:\Users\camiranda\Desktop\cvs\spa_js-aula1\spa_js-aula1\aula1
> webpack --config webpack.config.js

C:\Users\camiranda\Desktop\cvs\spa_js-aula1\spa_js-aula1\aula1\node_modules\webpack-cli\bin\cli.js:281
                                throw err;
                                ^

TypeError: Cannot read property 'tap' of undefined
    at HtmlWebpackPlugin.apply (C:\Users\camiranda\Desktop\cvs\spa_js-aula1\spa_js-aula1\aula1\node_modules\html-webpack-plugin\index.js:41:31)
    at webpack (C:\Users\camiranda\Desktop\cvs\spa_js-aula1\spa_js-aula1\aula1\node_modules\webpack\lib\webpack.js:51:13)
    at processOptions (C:\Users\camiranda\Desktop\cvs\spa_js-aula1\spa_js-aula1\aula1\node_modules\webpack-cli\bin\cli.js:272:16)
    at yargs.parse (C:\Users\camiranda\Desktop\cvs\spa_js-aula1\spa_js-aula1\aula1\node_modules\webpack-cli\bin\cli.js:364:3)
    at Object.parse (C:\Users\camiranda\Desktop\cvs\spa_js-aula1\spa_js-aula1\aula1\node_modules\yargs\yargs.js:576:18)
    at C:\Users\camiranda\Desktop\cvs\spa_js-aula1\spa_js-aula1\aula1\node_modules\webpack-cli\bin\cli.js:49:8
    at Object.<anonymous> (C:\Users\camiranda\Desktop\cvs\spa_js-aula1\spa_js-aula1\aula1\node_modules\webpack-cli\bin\cli.js:366:3)
    at Module._compile (module.js:652:30)
    at Object.Module._extensions..js (module.js:663:10)
    at Module.load (module.js:565:32)
    at tryModuleLoad (module.js:505:12)
    at Function.Module._load (module.js:497:3)
    at Module.require (module.js:596:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (C:\Users\camiranda\Desktop\cvs\spa_js-aula1\spa_js-aula1\aula1\node_modules\webpack\bin\webpack.js:156:2)
    at Module._compile (module.js:652:30)
    at Object.Module._extensions..js (module.js:663:10)
    at Module.load (module.js:565:32)
    at tryModuleLoad (module.js:505:12)
    at Function.Module._load (module.js:497:3)
    at Function.Module.runMain (module.js:693:10)
    at startup (bootstrap_node.js:188:16)
    at bootstrap_node.js:609:3
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! spa_js-aula1@1.0.0 build: `webpack --config webpack.config.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the spa_js-aula1@1.0.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\camiranda\AppData\Roaming\npm-cache\_logs\2021-02-26T15_49_46_987Z-debug.log
PS C:\Users\camiranda\Desktop\cvs\spa_js-aula1\spa_js-aula1\aula1> 

Segue como está meu config:

const path = require("path")
const HtmlWebpackPlugin = require("html-webpack-plugin")

module.exports = {
    mode: "development",
    devServer: {
        open: true,
        contentBase: "dist"
    },
    entry: "./src/componentes/listagem/listagem-cliente.js",
    output: {
        filename: "main.js",
        path: path.resolve(__dirname, "dist")
    },
    plugins: [
        new HtmlWebpackPlugin({
            template: "./src/clientes.html",
            filename: "index.html"
        })
    ]
}

Segue também o package json

{
  "name": "spa_js-aula1",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "webpack-dev-server --config ./webpack.config.js --mode development",
    "build": "webpack --config webpack.config.js"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "html-webpack-plugin": "^5.2.0",
    "webpack": "^4.42.1",
    "webpack-cli": "^3.3.11",
    "webpack-dev-server": "^3.11.2"
  }
}

Pode me ajudar com o problema acima?

Opa Caio, cara se não me engano você estava fazendo o curso na formação React correto? Houve uma atualização nela onde tiraram esse curso, então eu já não estou realizando mais ele.

Nossa, obrigado pela dica, vou abandonar também, tá muito mal formulado, cheio de coisas que dão pau e que não é passado conhecimento para resolver. Vamos torcer para o react ser melhor.