当我尝试在rails 6中使用select 2时出错

Question

我试图在rails 6中使用gem select2-rails中的select2。

我已经添加了gemfile gem "select2-rails"，运行了bundle和yarn add select2，以及.js require("select2")上的inport，但是当我尝试使用时，我得到了这个错误。

$(...).select2 is not a function

我是怎么搞定这个的？

Answer 1

下面是在Rails 6中设置select2的步骤：

1. 正确地在Rails项目中安装Webpacker，这是根据Rails项目自述的。如果您是从Rails 6应用程序开始的，默认情况下会这样做。
2. 添加了jquery和select2：

纱线添加jquery select2

• 向DOM添加一个选择框

阿拉巴马州。怀俄明州

• 导入jquery、select2和select2 css，并在页面加载时应用于复选框：

从'jquery‘导入'select2’导入‘select2 2/dist/css/select2.css’window.addEventListener('DOMContentLoaded'，() => {$(‘..select2’).select2() })

• For development，set compile: true in config/webpacker.yml。运行webpack-dev-server是可选的。

有关更多信息，您还可以查看这个演示：https://github.com/rossta/rails6-webpacker-demo/compare/example/select2