erro ao importat as transações depois de implantar o webpack

Fala aí Kaique, tudo bem? Bom, vamos lá:

Sobre o primeiro erro, parece ser na importação do Bootstrap, o arquivo não está sendo encontrado, além de causar algum erro no event.

O segundo, precisa ver como está sendo montada a requisição para a API, parece que não está sendo usado o protocolo HTTP.

Para ficar mais fácil, tente postar o código de configuração do seu Webpack (já que o problema começou apenas ao implementá-lo).

Fico no aguardo.

codigo do webpack.config.js

const path = require('path');

module.exports = {
    entry: './app-src/app.js',
    output: {
        filename: 'bundle.js',
        path: path.resolve(__dirname, 'dist')
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                use: {
                    loader: 'babel-loader'
                }
            }
        ]
    }
} 

Hm, não me parece ser problema no seu webpack Kaique. Lembra lá? Você primeiro instala as dependências na pasta client com o npm install, depois você vai na pasta server e usa o npm start.

Você pode usar o npm run watch na pasta client pra que os arquivos quando alterados, atualizem seu bundle.

Depois você abre o localhost:3000 no navegador, não o index diretamente.

Fiz isso agora mesmo e não tive problema algum. Se quiser disponibilizar seu projeto no github pra mim clonar e testar pra verificar se tem mais alguma outra coisa que não vi, fico a disposição.

Desculpa a demora na resposta.