0

我在一个项目中使用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 构建过程中时,他们是什么意思?

4

0 回答 0