ruby on rails:传单导轨未加载_前端开发问题-跟版网

本文介绍了ruby on rails:传单导轨未加载的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着跟版网的小编来一起学习吧！

问题描述

使用 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 .

ruby on rails:传单导轨未加载

问题描述

推荐答案

相关文档推荐