我在一个项目中使用React-Burger-Menu 。我已经用 npm 安装了它,将它导入到我的 React 应用程序中,并且可以在小屏幕上正确显示汉堡菜单,并使用 CSS 将其隐藏在大屏幕上。display
在我已设置为的小型移动屏幕flex
上,在我希望隐藏我已display
设置为的汉堡菜单的大屏幕上none
。
当我在 localhost 上运行 React 应用程序时,这可以正常工作npm
,但是当我使用它构建它npm run build
并将其推送到Surge.sh
汉堡菜单时,它无法正常工作。在大屏幕上本地运行项目时,汉堡菜单被隐藏,我的导航栏工作正常。在小屏幕上,我的导航栏被隐藏并且汉堡菜单有效。将项目推送到Surge.sh
我的全屏导航栏后,它会尝试全屏使用汉堡菜单。这是我的破汉堡/导航栏项目。
为什么我的汉堡菜单只有在我使用代码时才会中断,而在我本地运行项目时不会?这是安装/配置的问题吗?
文档说以下内容:
使用 react-burger-menu 的最简单方法是从 npm 安装它并将其包含在您自己的 React 构建过程中(使用 Browserify、Webpack 等)。
我已经安装了 React-Burger-Menu 和npm install
. webpack 是否需要更多配置才能使其在推送到时正常工作Surge.sh
?当他们说使用 Webpack 将其包含在您自己的 React 构建过程中时,他们是什么意思?