为什么我的资产没有按照我希望的方式加载——开发模式.轨道4.2



我不确定rails 4.2中是否有从4.1更改的设置,或者我只是个疯子。但这是我的application.js文件:

// This is a manifest file that'll be compiled into application.js, which will include all the files
// listed below.
//
// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
//
// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
// compiled file.
//
// Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
// about supported directives.
//
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require_tree .
//= require bootstrap
//= require react
//= require react_ujs
//= require backbone
//= require app
//= require app/helpers/core.js
//= require app/collections/aisis_writer_user
//= require app/routers/aisis_writer_panel
//= require app/views/aisis_writer_panel

它清楚地说明了我的资产应该如何加载。有几个文件在顶部有自己的require语句。现在在开发模式下,从我的角度来看,我没有得到一个巨大的资产串联文件,而是将每个资产作为脚本标记加载到页面的标题中。如果它按照我规定的顺序进行,那就好了。

<script src="/assets/jquery.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/jquery_ujs.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/turbolinks.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/app/helpers/intervals.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/app/helpers/reset_intervals.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/app/routers/aisis_writer_panel.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/app.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/app/collections/aisis_writer_user.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/app/helpers/core.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/app/views/aisis_writer_panel.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/app/helpers/polling.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/bootstrap.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/react.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/react_ujs.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/backbone.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/application.js?body=1" data-turbolinks-track="true"></script>

这根本不是我指定要订购的东西的方式,结果我得到了:

uncaught ReferenceError: App is not defined
aisis_writer_user.js:1 Uncaught ReferenceError: Backbone is not defined
aisis_writer_panel.js:1 Uncaught ReferenceError: Backbone is not defined
backbone.js:219 Uncaught TypeError: Cannot read property 'each' of undefined

按照我订购东西的方式,这些错误不应该出现——或者至少不是全部出现。

所以我的问题是:当我告诉资产管道以特定方式加载文件时,为什么它忽略了我

当我告诉资产管道以特定方式加载文件时,为什么它忽略了我

事实并非如此,它正是按照您的要求行事。忽略了require语句中间的大require_tree .

require_tree .的全部意义在于它递归地包括它在你给它的目录中找到的所有文件。你给它.,所以在这一点上,你将把app/assets/javascripts目录中的每一个.js.coffee文件转储到你的清单中,无论它们是按什么顺序从磁盘读取的。

如果您不希望出现这种行为,则需要删除该行。

最新更新