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