Erro

Oi, Rubens, tudo bem?

Você definiu dentro da chave scripts o npm run build, dessa forma:

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build-dev": "webpack --config webpack.config.js",
    "build-prod": "NODE_ENV=production webpack -p --config webpack.config.js",
    "start": "webpack-dev-server"
  }

Caso você prefira, pode compartilhar o seu package.json e o webpack.config?

Oi, Laís. Eu não sei como. Poderia falar por e-mail?

To no aguarde para poder dar continuidade no curso.

OI, Rubens!

Você pode compartilhar aqui mesmo, já que são dois arquivos pequenos somente, assim como você fez com o log do erro. Coloca em entre as chaves do botão acima de inserir código.

const path = require('path'); const babiliPlugin = require('babili-webpack-plugin');

let plugins = [];

if(process.env.NODE_ENV == 'production') {

plugins.push(new babiliPlugin());

}

module.exports = { entry: './app-src/app.js', output: { filename: 'bundle.js', path: path.resolve(dirname, 'dist'), }, module: { rules: [ { test: /.js$/, //procurar todos os js exclude: /nodemodules/, //menos o node use: { loader: 'babel-loader' // e carrega o loader } } ] }, plugins }

{ "name": "client", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo "Error: no test specified" && exit 1", "build-dev": "webpack --config webpack.config.js", "build-prod": "NODE_ENV=production webpack -p --config webpack.config.js", "start": "webpack-dev-server" }, "author": "", "license": "ISC", "dependencies": { "reflect-metadata": "^0.1.10", "systemjs": "^0.20.12", "webpack-dev-server": "^2.5.1" }, "devDependencies": { "babel-core": "^6.25.0", "babel-loader": "^7.1.0", "babel-plugin-transform-decorators-legacy": "^1.3.4", "babel-preset-es2017": "^6.24.1", "babili-webpack-plugin": "^0.1.1", "cross-env": "^5.0.1", "webpack": "^2.5.1" } }

Alguém??

Oi, Rubens!

No seu webpack na definição da pasta dist precisa ter dois underlines, __, ficando dessa forma:

path: path.resolve(__dirname, 'dist'),

Na pasta client adicione a dependência npm install webpack-dev-server@2.5.1 --save-dev como na aula e delete a pasta dist. Após essas modificações, consegui subir corretamente a aplicação: https://imgur.com/a/dy77ASC

Teste com essas alterações e me fala se deu certo!

Fiz exatamente como vc mandou e continua no erro:

Microsoft Windows [versão 6.1.7600] Copyright (c) 2009 Microsoft Corporation. Todos os direitos reservados. webpack\client>npm start npm ERR! code EJSONPARSE npm ERR! file C:\Users\NOTE\Downloads\01-projeto-webpack\projeto-webpack\client\package.json npm ERR! JSON.parse Failed to parse json npm ERR! JSON.parse Unexpected token n in JSON at position 299 while parsing near '...ack.config.js", npm ERR! JSON.parse npm"start": "webpack...' npm ERR! JSON.parse Failed to parse package.json data. npm ERR! JSON.parse package.json must be actual JSON, not just JavaScript.

npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\NOTE\AppData\Roaming\npm-cache_logs\2020-09-10T20_31_12_374Z-debug.log

Oi, Rubens!

Coloca o teu projeto no google drive ou no github para baixar, testar aqui e entender melhor esse erro que você está recebendo aí.

https://github.com/Souzarubinho612/Webpack

Oi, Rubens, tudo bem?

Baixei o projeto. E no package.json do tinha um npm sobrando, retirei ele. Depois deletei a pasta node_modules e o package-lock.json, que veio zipado no projeto, e dei o npm install e o npm start e subiu sem erro algum. Segue o print do teste: https://imgur.com/a/aj29gH4

Fiz conforme você orientou.

C:\Users\NOTE\Downloads\01-projeto-webpack\projeto-webpack\server>npm start

app@1.0.0 start C:\Users\NOTE\Downloads\01-projeto-webpack\projeto-webpack\server node server.js

internal/modules/cjs/loader.js:968 throw err; ^

Error: Cannot find module 'express' Require stack:

• C:\Users\NOTE\Downloads\01-projeto-webpack\projeto-webpack\server\config\express.js
• C:\Users\NOTE\Downloads\01-projeto-webpack\projeto-webpack\server\server.js at Function.Module.resolveFilename (internal/modules/cjs/loader.js:965:15) at Function.Module.load (internal/modules/cjs/loader.js:841:27) at Module.require (internal/modules/cjs/loader.js:1025:19) at require (internal/modules/cjs/helpers.js:72:18) at Object. (C:\Users\NOTE\Downloads\01-projeto-webpack\projeto-webpack\server\config\express.js:3:15) at Module.compile (internal/modules/cjs/loader.js:1137:30) at Object.Module.extensions..js (internal/modules/cjs/loader.js:1157:10) at Mo

Só sei que to há quase 1 semana sem estudar essa matéria, provalmente terei que começar do 0 pq de tanto tempo sem mexer, acabamos que esquecendo. Fico bastante chateado pq paguei a Alura, justamente para poder ter minhas dúvidas sanadas o mais rápido possível. Sei que no seu pc ta certinho, show. Mas no meu não tá indo. Custava alguém chegar e falar pra eu mostrar minha tela pelo Teamviewer, Skype ou Teams? Quem se prejudica sou pq não sei de nada Vcs já sabem. São experientes. Só gostaria de uma clareza pq isso me deixa bastante chateado.

Abs,

Oi, Rubens!

Você tentou subir o projeto dentro da pasta client pelo seu log você está na pastaserver? Porque são duas partes diferentes do projeto. Tenta subir a pasta client para ver se recebemos algum erro nela, e na pasta server, faz o mesmo, deleta a pasta node_modules e o arquivo package-lock.json, depois, dá o npm install e o npm start. Qual a sua versão do Node? Para saber executa esse comando no terminal:

node --version

A minha versão é a 12.18.

Se preferir podemos sim fazer uma call, fico a disposição.

v12.18.3 as pastas node_modules e o arquivo package-lock.json já foram deletadas. Estou subindo pelo server.

Prefiro uma call mesmo pq ai facilita tudo. Que horas você pode?

Oi, Rubens!

Hoje não posso (amanhã a tarde, sim), mas veja, você tem que subir a pasta server e a pasta client nas duas você precisa dar o comando npm start. Após deletar a pasta node_modules e o arquivo package-lock.json, novamente o npm install e npm start em ambas.

Oi, Laís.

Agora deu certo! MUITO OBRIGADO <3

Oi, Rubens!

Que bom que deu certo!! :}} Agora é seguir em frente. Qualquer dúvida estou as ordens!

Bons estudos!