blocks|key|2142841|text|这里的答案很好，但却弄清楚了到底是怎么回事。我在没有布局的情况下多次渲染特定视图。但是，因为我在重新呈现这个视图时没有呈现布局，所以application.html.erb中的<%25=+include_gon+%25>行是无用的。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2142842|我将<%25=+include_gon+%25>直接放入我正在渲染的视图中，现在一切都正常了！|2142843|entityMap^0|2G|I|0|2|I|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|P|8|@]|D|@]|E|$]]]|I|$]]

Good answers here but figured out what was going on exactly. I was rendering a particular view without layout multiple times. However, since I was not rendering the layout while re-rendering this view, the <code>&lt;%= include_gon %&gt;</code> line in application.html.erb was useless.

I put <code>&lt;%= include_gon %&gt;</code> directly into the view I'm rendering, and everything works fine now!

blocks|key|2143057|text|我发现把这个加到你的头上会很有帮助。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2143058|<%25=+include_gon(:init+=>+true)+%25>|code-block|syntax|javascript|2143059|同样适用于Rails4。|2143060|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I found adding this to your header helps.

<pre><code>&lt;%= include_gon(:init =&gt; true) %&gt;
</code></pre>

Works great for rails 4 as well.

blocks|key|4268870|text|我创建了一个测试项目来尝试查看我是否有相同的问题，我做到了！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4268871|解决方案在application.html.erb中的标头中添加标记<%25=+include_gon+%25>|offset|length|style|CODE|4268872|app/views/layouts/application.html.erb|code-block|syntax|javascript|4268873|4268874|<!DOCTYPE+html>
<html>
<head>
++<title>Test</title>
++<%25=+include_gon+%25>
++<%25=+stylesheet_link_tag++++"application",+media:+"all",+"data-turbolinks-track"+=>+true+%25>
++<%25=+javascript_include_tag+"application",+"data-turbolinks-track"+=>+true+%25>
++<%25=+csrf_meta_tags+%25>
</head>|4268875|4268876|在视图中：|4268877|console.log(gon.preference)|4268878|在控制器中：|4268879|gon.preference+=+"hello"|4268880|输出：|4268881|📷|atomic|4268882|​|4268883|4268884|阅读更多here|4268885|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/6a313cdc068f9ff8626d0677c88982c3.png|imageAlt|1|LINK|MUTABLE|url|http://rubydoc.info/gems/gon/4.1.1/frames^0|0|5|K|Y|I|0|0|0|0|0|0|0|0|0|0|0|1|0|0|0|0|4|4|1|0^^$0|@$1|2|3|4|5|6|7|1M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1N|8|@$D|1O|E|1P|F|G]|$D|1Q|E|1R|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|1S|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|1T|8|@]|9|@]|A|$]]|$1|N|3|O|5|J|7|1U|8|@]|9|@]|A|$K|L]]|$1|P|3|-4|5|6|7|1V|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1W|8|@]|9|@]|A|$]]|$1|S|3|T|5|J|7|1X|8|@]|9|@]|A|$K|L]]|$1|U|3|V|5|6|7|1Y|8|@]|9|@]|A|$]]|$1|W|3|X|5|J|7|1Z|8|@]|9|@]|A|$K|L]]|$1|Y|3|Z|5|6|7|20|8|@]|9|@]|A|$]]|$1|10|3|11|5|12|7|21|8|@]|9|@$D|22|E|23|1|24]]|A|$]]|$1|13|3|14|5|6|7|25|8|@]|9|@]|A|$]]|$1|15|3|-4|5|6|7|26|8|@]|9|@]|A|$]]|$1|16|3|17|5|6|7|27|8|@]|9|@$D|28|E|29|1|2A]]|A|$]]|$1|18|3|-4|5|6|7|2B|8|@]|9|@]|A|$]]]|19|$1A|$5|1B|1C|1D|A|$1E|1F|1G|-4]]|1H|$5|1I|1C|1J|A|$1K|1L]]]]

I created a test project to attempt to see if I have the same problem, Which I DID!

Solution add the tag <code>&lt;%= include_gon %&gt;</code> in your header within <code>application.html.erb</code>:

<pre><code>app/views/layouts/application.html.erb
</code></pre>

<hr>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
 &lt;title&gt;Test&lt;/title&gt;
 &lt;%= include_gon %&gt;
 &lt;%= stylesheet_link_tag "application", media: "all", "data-turbolinks-track" =&gt; true %&gt;
 &lt;%= javascript_include_tag "application", "data-turbolinks-track" =&gt; true %&gt;
 &lt;%= csrf_meta_tags %&gt;
&lt;/head&gt;
</code></pre>

<hr>

In the view:

<pre><code>console.log(gon.preference)
</code></pre>

In the controller:

<pre><code>gon.preference = "hello"
</code></pre>

Output:
<img src="https://i.stack.imgur.com/PRpeW.png" alt="enter image description here">

<hr>

Read more <a href="http://rubydoc.info/gems/gon/4.1.1/frames" rel="nofollow noreferrer">here</a>

blocks|key|2142860|text|@Ringo的解决方案的另一种选择是将语句保留在应用程序布局文件中，只需按如下方式修改它：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2142861|<%25=+include_gon+if+defined?+gon+&&+gon.present?+%25>|code-block|syntax|javascript|2142862|这使得include_gon引用尽可能干燥，同时仍然保持灵活性和低调。|offset|length|style|CODE|2142863|entityMap^0|0|0|3|B|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

An alternative to @Ringo's solution would be to leave the statement in the application layout file, simply modifying it as follows:

<pre><code>&lt;%= include_gon if defined? gon &amp;&amp; gon.present? %&gt;
</code></pre>

This keeps the <code>include_gon</code> reference as DRY as possible while still being as flexible and unobtrusive.

blocks|key|1897371|text|我有相同的错误消息，也使用了user456584的答案，但错误消息仍然存在。一旦我在控制器中添加了gon.event+=+@event或gon.events+=+@events，如下所示，我猜gon被定义了，因此，我不再有错误消息"gon+is+not+defined“。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1897372|def+show
++++@event+=+Event.find(params[:id])
++++gon.events+=+@events
++++respond_to+do+%7Cformat%7C
++++++format.html+#+show.html.erb
++++++format.json+{+render+json:+@event+}
++++end
end|code-block|syntax|javascript|1897373|我是一个新用户，我只是想做点贡献。在所有其他建议之后，这是唯一对我有效的方法。|1897374|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I had the same error message and also used user456584's answer but the error message remained. Once I added gon.event = @event or gon.events = @events as below in the controller, I guess gon became defined and therefore, I no longer had the error message "gon is not defined".

<pre><code>def show
 @event = Event.find(params[:id])
 gon.events = @events
 respond_to do |format|
 format.html # show.html.erb
 format.json { render json: @event }
 end
end
</code></pre>

I am a new user and I was only trying to contribute. This was the only method that worked for me after all other suggestions.

blocks|key|2143019|text|我自己也遇到了同样的问题，我想知道include_gon调用是否应该在application.html.erb的主体中，而不是在头部中。在application.html.erb的头部和主体中都放置一个js警告，这表明头部并不总是被调用，而主体是被调用的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2143020|如果我最初在我的站点上加载了一个页面，而不是使用它的那个页面，然后通过标题链接导航到那里，那么我就遇到了一个缺乏gon的问题，但是如果我最初加载了使用gon的页面，那么在重新加载任何其他页面之前，该站点都会工作得很好。|2143021|将include_gon从页眉移动到布局的正文似乎解决了这个问题。我意识到这不是gon文档建议的方式，但我不明白如何以另一种方式工作。|2143022|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

I just ran across what I think is the same issue myself, and I'm wondering if the include_gon call should be in the body rather than the header of the application.html.erb. Putting a js alert in both the header and body of application.html.erb shows that the header is not always invoked, while the body is. 

I was experiencing a lack of gon if I initially loaded a page on my site other than the one that used it, and then navigated there via header links, but if I initially loaded the gon-using page, the site would work fine until a reload on any other page. 

Moving include_gon from the header to the body of the layout seems to have fixed this. I realize this is not how the gon docs suggest this should be done, but I'm not understanding how it would work the other way.

blocks|key|4269148|text|下面是我的遭遇|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4269149|<%25+include_gon+%25>位于application.html.erb中，但仍收到此错误。|offset|length|style|CODE|4269150|最后一个原因是，在控制器中，我设置的方法的名称与视图的路由不匹配。因此，在渲染视图之前没有调用控制器方法，似乎只有在使用时才包含gon+(这很棒)|BOLD|4269151|为了解决这个问题，在我的例子中，我只需要确保routes.rb路由和控制器/方法的名称相匹配|4269152|entityMap^0|0|0|H|0|9|3|L|1G|0|0|1A|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@$D|Q|E|R|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|S|8|@$D|T|E|U|F|J]|$D|V|E|W|F|J]]|9|@]|A|$]]|$1|K|3|L|5|6|7|X|8|@$D|Y|E|Z|F|J]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|N|$]]

Here is what happened to me

The <code>&lt;% include_gon %&gt;</code> was in the application.html.erb but was still getting this error.

The final reason was that in the controller the name of the method were I set the gon variables did not match the route of view. So the controller method was not being called before rendering the view and it seems that gon is only included when is used (which is great)

To solve it, in my case I just needed to make sure that the routes.rb route and the name of the Controler/Method matched

blocks|key|4269232|text|您应该添加|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4269233|<%25=+Gon::Base.render_data+%25>|code-block|syntax|javascript|4269234|添加到application.html.erb的head部分|offset|length|style|CODE|4269235|entityMap^0|0|0|3|K|O|4|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|N|$]]

You should add 

<pre><code>&lt;%= Gon::Base.render_data %&gt;
</code></pre>

to the <code>head</code> section of your <code>application.html.erb</code>

blocks|key|4269251|text|我最近遇到了同样的问题，我的解决方案是添加|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4269252|if(window.gon+!=+null)+{
++...
}|code-block|syntax|javascript|4269253|在我的javascript文件|4269254|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I've got the same problem recently and my solution was adding

<pre><code>if(window.gon != null) {
 ...
}
</code></pre>

in my javascript file

blocks|key|755885|text|我发现重要的是要考虑在app/views/layout/application.html.slim头中加载gon和application+javascript的顺序。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|BOLD|entityRanges|data|755886|我必须在之前加载gon+javascript，如下所示：|755887|doctype+html
html+lang=+I18n.locale.to_s
++head
++meta+charset='utf-8'
++meta+name='viewport'+content='width=device-width,+initial-scale=1.0'
++title+==+content_for?(:title)+?+yield(:title)+:+t('general.home')
++=+stylesheet_link_tag+'application',+media:+'all',+'data-turbolinks-track':+'reload'

++=+include_gon

++=+javascript_include_tag+'application'
++=+javascript_include_tag+'https://www.gstatic.com/charts/loader.js'
++=+csrf_meta_tag
++=+favicon_link_tag+'favicon.ico'
++body
++++.main
++++++=+render+'layouts/navbar'
++++++=+render+'layouts/title',+title:+@title
++++++=+render+'layouts/messages'
++++++=+yield|code-block|syntax|javascript|755888|在=+javascript_include_tag+'applicaion'之后移动=+include_gon会立即引发相同的错误。|755889|entityMap^0|B|12|28|2|0|0|0|1|11|16|D|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]|$9|U|A|V|B|D]]|E|@]|F|$]]|$1|G|3|H|5|6|7|W|8|@]|E|@]|F|$]]|$1|I|3|J|5|K|7|X|8|@]|E|@]|F|$L|M]]|$1|N|3|O|5|6|7|Y|8|@$9|Z|A|10|B|C]|$9|11|A|12|B|C]]|E|@]|F|$]]|$1|P|3|-4|5|6|7|13|8|@]|E|@]|F|$]]]|Q|$]]

I discovered that it's important to consider the order of loading gon and application javascript in <code>app/views/layout/application.html.slim</code> header.

I had to load gon before I load javascript like this:

<pre><code>doctype html
html lang= I18n.locale.to_s
 head
 meta charset='utf-8'
 meta name='viewport' content='width=device-width, initial-scale=1.0'
 title == content_for?(:title) ? yield(:title) : t('general.home')
 = stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload'

 = include_gon

 = javascript_include_tag 'application'
 = javascript_include_tag 'https://www.gstatic.com/charts/loader.js'
 = csrf_meta_tag
 = favicon_link_tag 'favicon.ico'
 body
 .main
 = render 'layouts/navbar'
 = render 'layouts/title', title: @title
 = render 'layouts/messages'
 = yield
</code></pre>

Moving <code>= include_gon</code> after the <code>= javascript_include_tag 'applicaion'</code> raised the same error immediately.

pretty simple question. I'm trying to use gon. I set the variable in the controller like this:

<pre><code>gon.preference = "hello"
</code></pre>

and in my .js.erb file, I try to use the variable like this:

<pre><code>console.log(gon.preference)
</code></pre>

but I get an error saying that "gon is not defined". What could be the problem? Obviously rails recognizes that there is a gon variable. the .js.erb file is in my assets/javascripts directory. I tried changing the file name to .js (though I didn't expect this to make a difference at all). obviously no change.

No clue why gon is just not working!

Help?

gon is not defined error in javascript

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

很简单的问题。我在试着使用gon。我在控制器中设置变量，如下所示：gon.preference = "hello"在我的.js.erb文件中，我尝试这样使用变量：console.log(gon.preference)但是我得到了一个错误，说“没有定义gon”。可能的问题是什么？显然，rails可以识别出有一个gon变量。.js.erb文件位于我的assets/javascripts目录中。我尝试将

问在javascript中未定义gon错误
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在javascript中未定义gon错误EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在javascript中未定义gon错误
EN