Как устранить проблему с путями при сборке с webpack?

Question

[B1dloKoder]

webpack жалуется на то что не может найти модуль по указанному пути. Ошибка на скрине

В файле куда вызываю модуль пишу:
import DefaultButton from '.../Buttons/Default'

webpack.config.js:

const path = require('path');

module.exports = {
    entry: './window/html/js/src/index.js',
    output:{
        path: path.join(__dirname, '/window/html/js/bundle'),
        filename: 'bundle.js'
    },
    module: {
        rules: [
            {
                test: /\.(js|jsx)$/,
                use: [
                    {
                        loader: 'babel-loader',
                        options: {
                            presets: ['env', 'react']
                        }
                    }
                ]
            }
        ]
    },
    watch: true,
    watchOptions: {
        aggregateTimeout: 100
    }
};

Answer 1

[Антон Спирин]

Если экспортируете кнопку c помощью export default:
import DefaultButton from '../../Buttons/Default';
Обратите внимание, что переход на директорию выше обозначается двумя точками, а не тремя.

Comments

[B1dloKoder]

К сожалению, все еще ошибка
Скажите, пожалуйста, что не так со структурой и как улучшить?

[Антон Спирин]

B1dloKoder, по поводу ошибки, покажите содержимое файла ./Buttons/Default.js и текст ошибки.
По поводу структуры, тут надо отталкиваться от типа проекта. Какого рода проект?

Answer 2

[eQ1]

Тык