Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Após apagar a pasta "dist" o "npm start" deu um erro!!!

Estou executando o curso juntamente com a vídeo aula do Flávio e após fazer o passo de deletar a pasta dist para executar o npm start, notei que o comando não foi executado corretamente.

Eu estou usando o Windows10.

Retorno da tentativa de execução do npm start

PS D:\_Cursos\Alura.com.br\03-Formação Angular\projeto-webpack\client> npm start
> client@1.0.0 start D:\_Cursos\Alura.com.br\03-Formação Angular\projeto-webpack\client
> webpack-dev-server

D:\_Cursos\Alura.com.br\03-Formação Angular\projeto-webpack\client\webpack.config.js:14
        path: path.resolve(_dirname, 'dist'),
                           ^

ReferenceError: _dirname is not defined
    at Object.<anonymous> (D:\_Cursos\Alura.com.br\03-Formação Angular\projeto-webpack\client\webpack.config.js:14:28)
    at Module._compile (internal/modules/cjs/loader.js:1137:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1157:10)
    at Module.load (internal/modules/cjs/loader.js:985:32)
    at Function.Module._load (internal/modules/cjs/loader.js:878:14)
    at Module.require (internal/modules/cjs/loader.js:1025:19)
    at require (internal/modules/cjs/helpers.js:72:18)
    at requireConfig (D:\_Cursos\Alura.com.br\03-Formação Angular\projeto-webpack\client\node_modules\webpack\bin\convert-argv.js:97:18)
    at D:\_Cursos\Alura.com.br\03-Formação Angular\projeto-webpack\client\node_modules\webpack\bin\convert-argv.js:104:17
    at Array.forEach (<anonymous>)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! client@1.0.0 start: `webpack-dev-server`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the client@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!     d:\Users\Marcelio.Pereira\AppData\Roaming\npm-cache\_logs\2020-08-09T04_39_29_331Z-debug.log
PS D:\_Cursos\Alura.com.br\03-Formação Angular\projeto-webpack\client>

Conteúdo do arquivo webpack.config.js:

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'),
        publicPath: 'dist'
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                use: {
                    loader: 'babel-loader'
                }
            }
        ]
    },
    plugins
}

Sinceramente não entendi o que ocorreu, pois sai do final da Aula 02 com tudo funcionando corretamente e agora não consigo mais rodar os exercícios. Como estou executando passo a passo, acompanhando a aula não deveria ter ocorrido este problema.

Agradeço se puderem me ajudar.

Compartilhei o Zip do projeto da minha máquina no endereço: https://drive.google.com/file/d/1dJngRJ9l7GNAgsQZ2vr1gGJbLdBOgVss/view?usp=sharing

3 respostas
solução!

Fala ai Marcélio, tudo bem? Na parte onde você definiu o _dirname deveria ser com dois _ no inicio:

Seu código:

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

Deveria ser:

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

Repare que o dirname tem dois _ no começo da sua declaração, ou seja, __dirname.

Espero ter ajudado.

Obrigado.

Vou fazer a alteração, mas eu copiei o código da transcrição da aula.

Eu assisto o vídeo e faço a pausa para acompanhar o Flávio.

Valeu pelo retorno.

Magina Marcélio, sempre que precisar não deixe de criar suas dúvidas.

Abraços e bons estudos.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software