使用 webpack 和 rails 导入 Bootstrap 4 标签输入

【问题标题】：Importing Bootstrap 4 tags input with webpack and rails使用 webpack 和 rails 导入 Bootstrap 4 标签输入
【发布时间】：2020-06-15 01:24:47
【问题描述】：

我正在关注this 文档并尝试使用 webpack 在我的 rails 应用程序中获取标签输入功能。

我添加了以下行 import 'tagsinput.js' 在我的application.js 文件中导入这个库，但执行yarn install 似乎无法识别该库。

我猜我是以错误的方式导入它，或者没有在 webpack 配置中初始化它。寻求有关使用 yarn 和 webpack 导入和使用此库的正确方法的帮助。

【问题讨论】：

【解决方案1】：

哈伦普夫。如果我刷新表单，这只会显示标签。似乎运行得太早了。

【讨论】：

【解决方案2】：

我能够让bootstrap4-tagsinput 在我的Rails 应用程序中为webpacker 工作：

A)通过Yarn添加bootstrap4-tagsinput模块

yarn add bootstrap4-tagsinput

B) 将bootstrap4-tagsinput 导入我的application.js

import 'bootstrap4-tagsinput/tagsinput.js'

C) 将样式表导入到我的主 scss 文件中

@import "~bootstrap4-tagsinput/tagsinput";

这是它在我的应用中的样子：

【讨论】：