javascript - React 构建在页面上显示 javascript

标签 javascript html css reactjs

上传从yarn build生成的代码时到 github、其他网络主机或本地托管它,我能够成功加载 index.html 页面。据我所知,一切正常(索引页面重定向到选择页面,因为它应该),除了选择页面显示一大块javascript:

classclock screenshot

为该页面生成的 HTML 标记似乎是正常的,因为当我检查正在显示的代码时,它出现在 <script> 之间。它应该的标签,除了出于某种原因代码正在显示在屏幕上

最佳答案

显然您可以隐藏和显示 <script> 的内容标签...

所以我应用中的以下 CSS 导致了这个:

body > * {
    margin: 0 auto;
    display: block;
    text-align: center
}

解决方案:将 CSS 选择器更改为 div#root > * (即选择实际应用程序的所有子项而不是 <body>) 的子项或将 <script> 标签移出正文(感谢 Mihai T 在评论中提到这一点)






捂脸

关于javascript - React 构建在页面上显示 javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57772326/

相关文章:

html - 将 margin-bottom 添加到 border-collapse 表

css - Anchor 的背景图片不适用于 Safari/Firefox

css - 液体布局中固定定位元素的技巧是什么?

javascript - HTML 5 : Force window controls to be always visible

html - 为什么 CSS Flexbox 不能正确调整最右边容器的大小?

JavaScript 拖放 <p> 元素?

asp.net - 通过母版页获取单选按钮的值(value)

javascript - 在 THREE.js 中在 Canvas 来源的纹理上进行透明绘图

javascript - 使用 WebView 构建应用程序时,我可以打开原生 Android 共享对话框吗?

javascript - 是否有 TCP 套接字库/协议(protocol)可以进行消息分帧并受 JS 和 C# 支持?