'jquery-rails'和'jquery-ui-rails'可以在一个项目下管理吗？

Question

我有一个 Rails 应用程序使用 Rails 5.1.6 和 ruby 2.3.5p376

我的 Gemfile

中有这两个宝石

gem 'jquery-rails', '~> 4.3.3'  
gem 'jquery-ui-rails', '~> 6.0.1'

在 show.html.erb 我有以下内容：

<script>
$( function() {
  $( "#datepicker" ).datepicker();
} );
</script>

<p>Date: <input type="text" id="datepicker"></p>
<p id="notice"><%= notice %></p>

在application.js

//= require jquery-ui
//= require jquery
//= require rails-ujs
//= require turbolinks
//= require_tree .

在application.css

/*
 *= require jquery-ui
 *= require_tree .
 *= require_self
 */

浏览器现在显示以下错误：

Uncaught ReferenceError: jQuery is not defined
at application

如果从应用程序中删除 'jquery-ui-rails' jquery 功能正常。

Answer 1

这是你的错误：

//= require jquery-ui
//= require jquery

依赖脚本按顺序包含，即当加载jquery-ui时，它找不到jQuery（接下来会加载，但脚本执行因您的错误而退出，无法继续）。

要解决这个问题，请将 jquery 放在 jquery-ui:

之前

//= require jquery
//= require jquery-ui