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

Question

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

我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>

在申请中.js

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

在申请中.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