bar*_*ezr 12 jquery ruby-on-rails froala
我正在尝试将Froala编辑器添加到我的项目中.
问题只在生产服务器上(在localhost上工作正常)我正在使用rails 4.1.0在gemfile中我有
gem 'jquery-rails'
在我的assets/javascripts/application.js中:
//= require jquery
//= require jquery_ujs
//= require foundation
//= require turbolinks
//= require_tree .
//= require modernizr
//= require froala_editor.min.js
在new.html.erb文件中:
<div class="row">
<%= form_for :article do |f| %>
<p>
Title<br>
<%= f.text_field :title %>
</p>
<p>
Content<br>
<%= f.text_area :text, :id=>'content' %>
<p>
<%= f.submit %>
</p>
<% end %>
</div>
<script>
$(function() {
$('div#content').editable({
inlineMode: false
})
});
</script>
在application.html.erb中:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title><%= content_for?(:title) ? yield(:title) : "foundation-rails" %></title>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
<%= javascript_include_tag "vendor/modernizr" %>
<%= javascript_include_tag "application" 'data-turbolinks-track' => true %>
<%= csrf_meta_tags %>
</head>
<body>
<%= yield %>
</body>
</html>
在这种情况下,结果是:
Uncaught ReferenceError: $ is not defined
如果我要添加一个字符串:
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
结果是:
Uncaught TypeError: undefined is not a function
以下是我需要为 Rails 6 做的事情（确切地说是 6.0.3.4。）[在（所有功劳归于）：https://www.botreetechnologies.com/blog/introducing-jquery-in-rails- 6-使用-webpacker]
将 jQuery 添加到环境中。
$ yarn add jquery
在 environment.js (<app_path>/config/webpack/environment.js) 中添加以下代码
const webpack = require('webpack')
environment.plugins.prepend('Provide',
new webpack.ProvidePlugin({
$: 'jquery/src/jquery',
jQuery: 'jquery/src/jquery'
})
)
在 application.js 文件中需要 jquery。(/app/javascript/packs/application.js)
require('jquery')
（重新启动 rails 服务器以确保所有内容都已加载。）
替换application.html.erb
<%= javascript_include_tag "application" 'data-turbolinks-track' => true %>
至
<%= javascript_include_tag "application" %>
这是我的解决方案：
把它放在你的app / assets / javascripts / application.js中
//= require jquery
//= require jquery_ujs
并安装这个gem文件：
gem 'jquery-rails'
小智 2
尝试切换这些行：
<%= javascript_include_tag "vendor/modernizr" %>
<%= javascript_include_tag "application" 'data-turbolinks-track' => true %>
会变成
<%= javascript_include_tag "application" 'data-turbolinks-track' => true %>
<%= javascript_include_tag "vendor/modernizr" %>