react-latex 分数线不显示

Question

我正在使用 Latex 开发 React PWA 来显示数学方程。大多数方程都可以完美显示，但分数中缺少分割线。该组件导入react-latex 1.6.0并且katex.min.css被缓存。

Chrome、Safari 和 Xcode 模拟器中缺少分割线。

这是无状态功能组件中的 React/JSX 代码：

let a = 5;
let b = 6;
const fraction = `$$\\huge\\frac{${a}}{${b}} \\times \\frac{4}{11} = ?$$`;
<h3>
Multiply fractions:
</h3>   
<Latex displayMode={true}>{fraction}</Latex>

输出：

如有任何建议，我们将不胜感激。

Answer 1

我在 Discourse 中使用 Maths 插件经历过这一点。 我增加了浏览器缩放。 当我将缩放恢复到 100 时，线条出现了。

Answer 2

我也遇到过同样的问题，并且它对我的情况有效。将其粘贴到您的index.html 文件中。 这里的

katex.min.css

版本是

0.11.1

你可能有

0.9.0

<link
        href="//cdnjs.cloudflare.com/ajax/libs/KaTeX/0.11.1/katex.min.css"
        rel="stylesheet"
    />