Rails 6 select2 未定义答案

【问题标题】：Rails 6 select2 is not definedRails 6 select2 未定义
【发布时间】：2020-08-28 20:35:16
【问题描述】：

我正在使用带有 webpack 的 rails 6，由于某种原因，当我尝试响应以下 js 文件时，我无法使用 select2：

$("#select-search-bar").select2()

如何在js响应中使用select2

这是我的application.js 文件：

require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
require('font-awesome/css/font-awesome.css')
require("jquery")
require('cocoon-rails/src/cocoon')
require('chart.js/dist/Chart')
require('materialize-css/dist/js/materialize')
require('../stylesheets/application')
require('packs/dashboards')
require('packs/relateds')
require('packs/banner')
require('packs/users')
import 'packs/select2'
require('packs/resources')

// packs/select2.js
import $ from 'jquery';
import 'select2/dist/js/select2.min'

【问题讨论】：

您在使用 select2() 时收到了什么错误消息？
函数 (...).select2 未定义
您分享的信息很少，几乎不可能猜到。请与我们分享您的文件到底在哪里以及您的代码架构是什么。

标签： ruby-on-rails webpack jquery-select2

【解决方案1】：

我猜你的app/webpacker/packs/application.js 配置不正确。

例如，这就是我所拥有的：

require( 'select2' );
import "select2/dist/css/select2.min.css";

确保您已使用 yarn add select2 see more here 添加 Select2。也可以通过添加您的语言环境来翻译 Select2：

require( 'select2/dist/js/i18n/en.js' );
require( 'select2/dist/js/i18n/lv.js' );

如果您需要引导主题，您也可以添加它，例如 Bootstrap3 与 yarn add select2-bootstrap-theme，然后在您的 app/webpacker/packs/application.js 中

import "select2-bootstrap-theme/dist/select2-bootstrap.min.css";

如果这没有帮助，可能是您的控制台中有一些错误，您可能有兴趣检查一下。

【讨论】：