24
4
Everything looks good and works fine in my react app dev build, but some css styles aren't being correctly applied to the production build i host on my github pages through gh-pages npm package (through this guide https://github.com/gitname/react-gh-pages)
在我的Reaction应用程序开发版本中，一切看起来都很好，工作正常，但一些css样式没有正确应用到我通过gh-ages npm包(通过本指南https://github.com/gitname/react-gh-pages))托管在GitHub页面上的生产版本
this is my hosted app: https://arthwr.github.io/little-lemon-app/
这是我的托管应用程序：https://arthwr.github.io/little-lemon-app/
The problem with mobile version hamburger button.
It works like this: it applies .openMenu class to 2 elements (parent div and nav element) to apply some css styles. However menu that is supposed to be hidden on left , is seen and by the look of dev tools css styles for default behaviour aren't being loaded correctly or not switching for some reason. Class is added and changed correctly though. I attached 2 screenshots so its seen how i want it to look like and how it looks and works correctly on my dev version.
I also attached CSS snapshot for the elements that have this problem :
手机版汉堡包按钮的问题。它的工作原理是这样的：它将.OpenMenu类应用于2个元素(父div和NAV元素)，以应用一些CSS样式。然而，菜单本应隐藏在左侧，但从开发工具的外观来看，默认行为的css样式没有正确加载，或者由于某种原因没有切换。不过，类已正确添加和更改。我附上了2个屏幕截图，所以它看到了我希望它是什么样子，以及它的外观和工作方式在我的开发版本正确。我还附上了有此问题的元素的CSS快照：
个人中心
文章发布
退出.navContainer
.navContainer.openMenu
.nav
.nav.openMenu
[Styles for nav menu](https://i.stack.imgur.com/zD1dt.png)
[How it looks in deploy build (incorrect)](https://i.stack.imgur.com/XEbuS.png)
[Devbuild correct state (inactive)](https://i.stack.imgur.com/vK8YR.png)
[Devbuild correct state (active)](https://i.stack.imgur.com/4Mflc.png)
UPDATE:
最新情况：
after i looked through minified version of css i found out that somehow deploy build is concatinating css classes into 1, but ignoring styles for default and not loading them (without openMenu class) :
在我查看了简化的CSS版本后，我发现Deploy Build不知何故将CSS类连接到1中，但忽略了默认样式，并且不加载它们(没有OpenMenu类)：
.Nav_navContainerGhavJ,
.Nav_navContainerGhavJ.Nav_openMenuL+8i0,
.Nav_navp72ig,
.Nav_navp72ig.Nav_openMenuL+8i0 {
@media screen and (max-width: 852px) {
left: 0;
opacity: 1;
position: absolute;
}
}
so i see the problem but i don't know how to solve this. I also tried to change class names but it didn't help
所以我看到了问题，但我不知道如何解决这个问题。我还试图更改类名，但无济于事
I see that your browserslist has different settings for prod-env and dev-env. Have you tried to set prod settings for dev environment? The link: github.com/Arthwr/little-lemon-app/blob/main/package.json
我看到您的浏览器列表对prod-env和dev-env有不同的设置。您是否尝试为开发环境设置Prod设置？链接：github.com/Arthwr/little-lemon-app/blob/main/package.json
@Eugene Hi! Thank you for responding! I tried to your suggestion and changed browserlist settings of dev environment to be the same as production settings. However there were no noticable changes in dev build (i only checked the issue with menu). Everything worked fine in dev build as before and i assume nothing should change in prod as well (still not working correctly).
@尤金嗨！感谢您的回复！我尝试了您的建议，并将开发环境的浏览器列表设置更改为与生产设置相同。然而，在dev版本中没有明显的变化(我只用菜单检查了这个问题)。在dev构建中一切都像以前一样工作得很好，我认为在prod中也不应该有任何变化(仍然不能正常工作)。
24
4
0
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 这个问题似乎不是关于 a specific programming problem, a softwar
i=5 expr $i + 6 1>/dev/null 将标准输出重定向到/dev/null。怎么样 expr $i + 6 >/dev/null expr $i + 6 1>/dev/null 和
在 R 中，可以握住设备，绘制图片，然后刷新设备来渲染图形。这对于具有数千个数据点、颜色渐变等的非常复杂的绘图非常有用，因为如果不保持，设备将在每次绘图操作后刷新。效果非常好。 但是，一旦绘图就位，任
我想通过串口dev文件执行IPC管道。这是要求首先我尝试使用 sudo socat /dev/ttyS0,raw,echo=0,crnl /dev/ttyS1,raw,echo=0,crnl 报错如下
关闭。这个问题是off-topic .它目前不接受答案。 想改进这个问题吗？ Update the question所以它是on-topic用于堆栈溢出。 关闭 10 年前。 Improve thi
我正在尝试使用 mpg123 播放随机歌曲命令行。但不知道我的默认音频设备是什么。或者如果我需要使用“-a”选项指定任何其他音频设备。/dev/audio 和/dev/dsp 都是音频设备。如何知道哪
我可以看到/dev/uinput 和/dev/input 都存在于我的 Ubuntu 中并且它们很相似。它们可用于检测/模拟按键/鼠标/触摸事件。所以我对它们之间的区别感到困惑？谢谢! 新增:是的，我
cat/dev/urandom 总是一种在显示器上创建滚动字符的有趣方式，但会产生太多不可打印的字符。 有没有一种简单的方法可以在命令行上对其进行编码，使其所有输出都是可读字符，例如 base64 或
是否可以在没有 bit.dev 帐户的情况下将 bit 设置为本地服务器以进行内部处理？ 我知道您可能没有相同的功能 -- bit's FAQ page说“与 Bit CLI 不同，bit.dev 服
我试图在 Ubuntu 的启动过程中尽早采样一些随机性。我想知道是否有人建议如何做到这一点。我目前的想法是寻找/dev/random 和/dev/urandom 在引导序列中创建的位置，并在那里添加我
我正在尝试使用'dotnet dev-certs'工具导出https证书以包含在Docker镜像中。现在我正在使用: dotnet dev-certs https -v -ep $(HOME)\.as
我发现非常方便的 dev.copy2pdf 命令可以将我正在查看的窗口复制到 pdf 文件中，如下所示: plot(rnorm(1000)) dev.copy2pdf(file="myfile.pdf
谁能告诉我为什么从硬盘驱动器上清除数据时出于安全性考虑首选/dev/random？ 最佳答案 简单的答案，/dev/random不是首选。两者同样安全。使用/dev/zero可以更轻松地进行验证。还可
已关闭。此问题不符合Stack Overflow guidelines 。目前不接受答案。 这个问题似乎不是关于 a specific programming problem, a software
我有一个从 initramfs 镜像启动的嵌入式 Linux(vanilla、3.3.8、i486、Vortex86dx)系统。 我有一个 IDE 闪存盘，在/dev/hda1 和/dev/hda2
在Linux中，/dev/ttyS0和/dev/ttys0有什么区别？ 我知道第一个是串行端口，但第二个是什么，带有小的 s？ 最佳答案 see this For a pseudo terminal
我有一些命名空间的测试被自动加载到包 A 中使用 "autoload-dev": { "psr-4": { "Vendor\\PackageA\\PhpUnit\\": "te
我意识到/dev/stdout 和/dev/stderr 文件在没有根目录的 Android 设备上不存在。我同意这一点——但我需要一些方法来在我的 shell 脚本中重定向输入/输出——包括将输出重
我想对使用 composer 安装的软件包的最低支持版本运行测试，但理想情况下我想要最新版本的开发软件包。 具体来说，我想运行它来安装最低版本的软件包以进行测试: composer update --
我必须将开发分支从 testing 重命名为 tom 。重命名后，我必须创建一个具有相同名称的开发分支，它是 testing 并且它应该指向 master 的特定提交。 我已将分支重命名为: git
我是一名优秀的程序员,十分优秀！