Неполная генерация block: 'image'

Добрый день.

В примере по созданию проекта на БЭМ (https://ru.bem.info/platform/tutorials/start-with-project-stub/), на шаге добавления картинки в блок logo, фрагмент определения блока image из примера на сайте выглядит так:

            block: 'image',
            attrs: { src: 'some-url' }

При этом в результате сборки в html попадает только: <img class="image">

По аналогии с другими блоками попробовал переписать определение так:

            block: 'image',
            url: 'some-url'

И получилось ожидаемое: <img class="image" src="some-url">

Подскажите, в чём здесь дело?

8 years ago

DjonyBastone

Обратите внимание на актуальность версий инструментов и библиотек:

enb v1.3.0 bem-core v4.1.1

А если воспользоваться примером из bem-components

{
    block : 'image',
    url : 'https://img-fotki.yandex.ru/get/5405/259818507.0/0_130be5_948d59aa_S'
}

то в html придет:

<img class="image" src="https://img-fotki.yandex.ru/get/5405/259818507.0/0_130be5_948d59aa_S" />

Проверено на большом количестве картинок. Постоянно на своем проекте пользуюсь этим блоком

Пример :

                                    }
                                        block: 'main`,
                                        elem: 'content' : [
                                            {
                                                elem: 'img-layout',
                                                content : [
                                                    {
                                                        block : 'image',
                                                        mix : { block : 'bim', elem : 'background-image' },
                                                        url : '../../_bufer/image/mac_mockup.png'
                                                    },
                                                    {
                                                        elem : 'img-sub-layout',
                                                        content : {
                                                            block : 'image',
                                                            mix : { block : 'bim', elem : 'image' },
                                                            url : '../../_bufer/image/bim_img.jpg'
                                                        }
                                                    }
                                                ]
                                            }
                                        ]
                                    }

По своему опыту - этот учебный проект и у меня не сработал)))

Установил последнюю версию project-stub Потом мучился откатывал версии, ставил старые.... Плюнул и на новой версии стартанул свой проект, пользуясь документацией Всё запустилось. еще немного помог блог Ромы

8 years ago

ax2mx

Спасибо! Разобрался вроде :-)

8 years ago

tadatuta

Все так, баг даже уже исправлен в исходниках, но пока не доехал до сайта :(

Чтобы оставлять комментарии, необходимо авторизоваться.