Я использую React-Burger-Menu для проекта. Я установил его с npm, импортировал его в свое приложение React и правильно отображаю меню гамбургеров на маленьких экранах и скрываю его на больших экранах с использованием CSS. На маленьких мобильных экранах у меня display установлено значение flex, а на больших экранах, где я хочу скрыть меню гамбургера, у меня display установлено значение none.
Это прекрасно работает при запуске React приложение с npm на локальном хосте, но когда я собираю его с npm run build и pu sh с Surge.sh, меню гамбургера не работает должным образом. При локальном запуске проекта на большом экране меню гамбургеров скрыто, и моя панель навигации работает нормально. На маленьких экранах мой navbar скрыт и меню гамбургера работает. После перевода проекта на Surge.sh моя полноэкранная навигационная панель разрывается, и она пытается использовать меню гамбургера на весь экран. Вот мой проект со сломанным гамбургером / navbar .
Почему мое меню гамбургера ломается только тогда, когда я go живу с кодом, но не когда я запускаю проект локально? Это проблема с установкой / настройкой?
В документах говорится следующее:
Самый простой способ использовать ответное меню - это установить его из npm и включить это в вашем собственном процессе сборки React (с использованием Browserify, Webpack и т. д. c).
Я установил React-Burger-Menu с npm install. Нужна ли дополнительная конфигурация с веб-пакетом, чтобы он работал правильно, когда он переведен в Surge.sh? Что они имеют в виду, когда говорят, что они включены в ваш собственный процесс сборки React с использованием Webpack?