站点内导航时JavaScript代码无法执行的问题求助

我遇到了个头疼的问题：直接在地址栏输入链接访问页面时，我的脚本运行完全正常，但如果是通过菜单里的链接跳转（站点内导航），页面虽然能加载出来，可JS代码却完全没执行。

我已经把JS文件放在了app/assets/javascript/application.js路径下，还尝试过把它添加到assets资源配置里，但都没能解决问题。

下面是我的JS代码：

let center = [55.81863845116168,37.87356624320199];

function init() {
  let map = new ymaps.Map('yandex_map', {
    center: center,
    zoom: 17
  });

  let placemark = new ymaps.Placemark(center, {
    balloonContent: `
      <div class="balloon">
        <div><h3>Автосервис Cars feeling</h3></div>
        <div class="balloon__contacts">
          <h5><a href="tel:+79163849119">+79163849119</a></h5>
        </div>
      </div>
    `
  }, {
    iconLayout: 'default#image',
    iconImageHref: 'https://cdn-icons-png.flaticon.com/512/3177/3177361.png',
    iconImageSize: [40, 40],
    iconImageOffset: [-19, -44]
  });

  map.controls.remove('geolocationControl');
  map.controls.remove('searchControl');
  map.controls.remove('trafficControl');
  map.controls.remove('typeSelector');
  map.controls.remove('fullscreenControl');
  map.controls.remove('rulerControl');
  map.geoObjects.add(placemark);
}

ymaps.ready(init);

对应的视图代码：

<div id="yandex_map" class="map">
</div>

JS是通过javascript_importmap_tags来引入的，有没有大佬能帮我看看问题出在哪呀？

备注：内容来源于stack exchange，提问作者Corkish