为什么找不到现有的 JavaScript function 生成未捕获的 ReferenceError

Question

The error:

readyException.js:6 Uncaught ReferenceError: editMap is not defined
    at HTMLDocument.<anonymous> (edit:190)
    at mightThrow (deferred.js:97)
    at process (deferred.js:139)

The page from Chrome Source ( popupText is generated with Rails):

  <div id="map"></div>
  <script>
    var popupText = "&ge;1908<br>Benefit  St<br>&le;1908<br>Fountain Ave";
    $(document).ready(function() {
       editMap(popupText);
    });    
  </script>

A few relevant lines of application.js from Chrome Sources

function editMap(popupText) {
  if (laMap != undefined) {
    laMap.remove();
  }
  showMap(popupText)
  var drawnItems = new L.FeatureGroup();

Trying to move an app to Rails 6 and webpacker.

Answer 1

Webpack does not expose your JavaScript to the global scope; every file is treated as a module, which, in practice, is a function with its own scope. To expose a particular reference to the global scope, you can assign it to the window object, eg, window.editMap = editMap , from within the module.