Импорт ввода тегов Bootstrap 4 с помощью webpack и rails

Я слежу за этим документом и пытаюсь возьмите функцию ввода тегов в моем приложении rails с помощью webpack.

Я добавил следующую строку import 'tagsinput.js', чтобы импортировать эту библиотеку в свой application.js файл, но выполнение yarn install, похоже, не распознало библиотеку.

Я предполагаю, что импортирую его неправильно или не инициализирую его в конфигурации webpack. Нужна помощь в том, как правильно импортировать и использовать эту библиотеку с помощью yarn и webpack.


person cosmo10    schedule 02.03.2020    source источник


Ответы (2)


Мне удалось заставить bootstrap4-tagsinput работать в моем приложении Rails для webpacker:

A) Добавление bootstrap4-tagsinput модуля через Yarn

yarn add bootstrap4-tagsinput

Б) Импорт bootstrap4-tagsinput в мой application.js

import 'bootstrap4-tagsinput/tagsinput.js'

C) Импорт таблицы стилей в мой основной scss файл

@import "~bootstrap4-tagsinput/tagsinput";

Вот как это выглядит в моем приложении:

bootstrap4-tagsinput пример

person Dale Zak    schedule 20.07.2020

Harumpf. Это отображается только с тегами, если я обновляю форму. Кажется, бежать слишком рано.

person ruurd    schedule 26.12.2020