Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Webpack style pelo npm.

Recebo o seguinte erro quando reinicio o servidor: https://imgur.com/8s0o5p1 Porém o meu arquivo contém o css-loader e o style-loader, não sei o que pode ser. 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'
                }
            },
            {
                test: /\.css$/,
                loader: 'style-loader!css-loader'
            },
            { 
                test: /\.(woff|woff2)(\?v=\d+\.\d+\.\d+)?$/, 
                loader: 'url-loader?limit=10000&mimetype=application/font-woff' 
            },
            { 
                test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, 
                loader: 'url-loader?limit=10000&mimetype=application/octet-stream'
            },
            { 
                test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, 
                loader: 'file-loader' 
            },
            { 
                test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, 
                loader: 'url-loader?limit=10000&mimetype=image/svg+xml' 
            } 

        ]
    },
    plugins
}
1 resposta
solução!

Fala ai Camila, tudo bem? Ele não está encontrando a dependência do bootstrap, verifique se a mesma existe dentro do seu projeto.

No caso parece que ele está procurando ela dentro do app-src, não tenho contexto do projeto então não sei dizer onde deveria estar essa pasta do boostrap.

Talvez tenha faltado dar um npm i bootstrap@versao para que a mesma exista dentro do node_modules.

Ou talvez faltou adicioná-lo no caminho que você está tentando importá-la.

Espero ter ajudado.

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