ruby on rails:传单导轨未加载

2022-01-12 00:00:00 ruby-on-rails leaflet javascript gem sprockets

使用 RoR 4.1.4

Using RoR 4.1.4

我正在尝试使用 leaflet-rails gem.我按照 github 页面中概述的步骤进行操作，但是当我尝试加载地图时，我看到了

I am trying to use the leaflet-rails gem. I followed the steps outlined in the github page, but when I try to load the map, I see 

ReferenceError: L is not defined

在浏览器控制台中.这显然意味着 gem 中的帮助程序正在加载和执行，但它找不到 leaflet.js 文件.

in the browser console. This obviously means that the helper from the gem is being loaded and executed but it can't find the leaflet.js file.

但是，页面的 head 部分显示 /assets/leaflet.js 正在被引用并且它实际上就在那里.

However, the head section of the page shows that /assets/leaflet.js is being referenced and it actually IS there.

当我查看生成的代码时:

When I look at the generated code:

    <div id="map"></div>
    <script>
    var map = L.map('map')
    map.setView([-54.0, 6.08], 16)
    L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
              attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors',
              maxZoom: 18,
    subdomains: '',
    }).addTo(map)
    </script>
  </div>
  <script src="/assets/jquery.js?body=1" data-turbolinks-track="true"></script>
  <!-- all the other scripts loaded -->
  <script src="/assets/exif.js?body=1" data-turbolinks-track="true"></script>
  <script src="/assets/leaflet.js?body=1" data-turbolinks-track="true"></script>
  <!-- some more scripts -->

因此，gem 在地图 div 的正下方添加了一个脚本，然后，由于 sprockets 机制和所有这些，其他脚本才被加载.对我来说，这看起来很明显脚本不可能加载leaflet.js，因为它被之后引用！

So the gem adds a script right below the map div, and only then, due to the sprockets mechanism and all that, the other scripts are loaded. To me this looks like then obviously the script can't possibly load the leaflet.js as it's being referenced afterwards!

那么...我是否误解了 RoR 如何处理 gems 和 javascripts?它一定在某个时候起作用了……

So...am I misunderstanding something re how RoR handles gems and javascripts? It must have been working at some point...

这是我的/app/assets/javascript/application.js:

Here's my /app/assets/javascript/application.js:

//= require jquery
//= require jquery.ui.widget

// Here I load a whole bunch of javascripts which are related to jquery-fileupload, cut for brevity
//= require bootstrap.min
//= require bootbox.min 
//= require bootstrap-datepicker

//= require exif 
//= require leaflet

//= require turbolinks
//= require_tree .

推荐答案

不知道你是否能解决你的问题.对我来说，我忘记了跑步:

Don't know if you were able to solve your issue. For me, I had forgotten to run:

rake assets:precompile

在部署到生产之前.

相关文章