未被捕获的ReferenceError：Rails 6 webapp搜索栏中未定义$

问题描述

每当我尝试在Web应用程序中使用搜索栏时，我的控制台中都会显示“ Uncaught ReferenceError：未定义$”。页面上也没有过滤结果。我在youtube https://www.youtube.com/watch?v=MBB3PMmr4is&list=PL3mtAHT_eRez6d-PavT6O1KtcMe7mOr-C&index=8&t=0s

上关注了本教程

我的index.html.erb文件看起来像这样

<div class="menu-container">
  <div class="row">
    <div class="col-12">
      <%= form_tag(search_path,method: "get",remote: true) do %>
        <div class="input-group mb5">
          <div class="col-8" style = "padding:0">
            <%= text_field_tag :search,'',class: 'form-control',placeholder: 'Search...',onkeydown: 'clickSubmit()' %>
          </div>
          <div class="col-4" style = "padding:0">
            <%= select_tag "filter",options_for_select(
              [
                'Select filter','Dairy free','Gluten Free','Peanut Free','Vegan','Vegetarian'
              ]),class: 'custom-select',onchange: 'clickSubmit()' %>
          </div>
          <%= submit_tag "Search",class: 'btn btn-dark',id: 'search_submit',style: "display:none" %>
        </div>
      <% end %>
    </div>
  </div>
  <div id="menu-products-container">
    <%= render 'menu/products'%>
  </div>
</div>

<script>
  function clickSubmit() {
    $("#search_submit").click();
  }
</script>

这是我的environment.js

const { environment } = require('@rails/webpacker')
const webpack = require('webpack')
environment.plugins.append( Provide,new webpack.ProvidePlugin({
    $: 'jquery',jQuery: 'jquery',Popper: ['popper.js','default']
  })
)
module.exports = environment

我已经跑过yarn add jquery，但问题仍然存在

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）