Блог

Я постараюсь быть как можно более конкретным в этом вопросе, извините, если он открыт. Я использую камень material design lite и в точности следую приведенным здесь инструкциям. Я протестировал макет, в котором есть типичная строка заголовка, а затем меню гамбургеров.

CSS и HTML отлично работают с использованием предварительно написанного компонента, но единственное, чего не хватает,-это меню гамбургера, которое должно быть проблемой JavaScript.

application.js

 import Rails from "@rails/ujs"
import Turbolinks from "turbolinks"
import * as ActiveStorage from "@rails/activestorage"
import "channels"


Rails.start()
Turbolinks.start()
ActiveStorage.start()

//= require material

document.addEventListener('turbolinks:load', function() {
  componentHandler.upgradeDom();
});
 

Я использовал инструменты разработки Google, и я вообще не вижу material.js загрузки файлов в браузере, поэтому я не уверен, откуда должен быть взят этот файл — я добавляю это вручную?.

Любые дальнейшие предложения о том, как я могу устранить эту проблему, были бы полезны. Спасибо.

Изменить: Добавлено <script src="https://code.getmdl.io/1.3.0/material.min.js"></script> в html head , который сумел заставить это работать 🙂

Мне все равно было бы интересно услышать какие-либо предложения, почему другой метод не сработал.