我们有一个Rails应用程序,我们将应用程序依赖项包含在html头中 application.js
:
//= require jquery
//= require analytics
// other stuff...
然后在单个页面上,我们在页面底部有一个脚本标记 analytics
:
<script>
analytics.track('on that awesome page');
</script>
这通常很好,但偶尔我们会看到错误 analytics is not defined
,最近在Chrome 43上。由于所有内容都应该同步加载,这似乎应该是开箱即用,但我将脚本更改为:
<script>
$(document).ready(function () {
analytics.track('on that awesome page');
});
</script>
而现在我们偶尔会看到 $ is not defined
代替。我们没有看到来自同一IP的任何其他错误,否则我会怀疑出现了问题 application.js
。任何其他想法为什么它可能会破裂?您可以看到示例页面 这里。
满满的 application.js
:
// Polyfills
//= require es5-shim/es5-shim
//= require es5-shim/es5-sham
//= require polyfills
//
// Third party plugins
//= require isMobile/isMobile
//= require jquery
//
//= require jquery.ui.autocomplete
//= require jquery.ui.dialog
//= require jquery.ui.draggable
//= require jquery.ui.droppable
//= require jquery.ui.effect-fade
//= require jquery.ui.effect-slide
//= require jquery.ui.resizable
//= require jquery.ui.tooltip
//
//= require jquery_ujs
//= require underscore
//= require backbone
//= require backbone-sortable-collection
//= require bootstrap
//= require load-image
//= require react
//= require react_ujs
//= require classnames
//= require routie
//= require mathjs
//= require moment
//= require stink-bomb
//= require analytics
//
// Our code
//= require_self
//= require extensions
//= require extend
//= require models
//= require collections
//= require constants
//= require templates
//= require mixins
//= require helpers
//= require singletons
//= require actions
//
//= require object
//= require components
//= require form_filler
//= require campaigns
//= require form_requests
//= require group_wizard
//= require step_adder
Chalk = {};
underscore = _;
_.templateSettings = {
evaluate: /\{\{(.+?)\}\}/g,
interpolate: /\{\{=(.+?)\}\}/g,
escape: /\{\{-(.+?)\}\}/g
};
moment.locale('en', {
calendar: {
lastDay: '[Yesterday at] LT',
sameDay: '[Today at] LT',
nextDay: '[Tomorrow at] LT',
lastWeek: 'dddd [at] LT',
nextWeek: '[Next] dddd [at] LT',
sameElse: 'L LT'
}
});
更新:
我们偶尔会看到这种情况。在我们之前加载脚本的情况下,我们也看到了它 application.js
然后在以下内容中引用它:
javascript_include_tag 'mathjs'
javascript_include_tag 'application'
我们经常看到一个 math is not defined
错误。我想知道在加载过程中是否发生错误 mathjs
或者其他脚本阻止它被加载,但事实上它发生在很多不同的库上,并且很少发生,这使它看起来不太可能。我们确实进行了一些调试检查以确定是否我们的 application.js
是完全加载的,它通常似乎不是,即使在页面后面访问像Jquery这样的东西。
这样做的一个动机是避免关于脚本运行时间过长的旧浏览器通知,但我们可能只是放弃并将其全部拉入 application.js
避免错误。