Почему MathJax.typeset() не работает?

Question

[hades432]

Пробую использовать MathJax для того, чтобы выводить уравнения и прочую математику на странице, но некоторые строчки появляются только после определенных действий от пользователя, и я должен заново рендерить элементы

Подлючение:

<script>
        MathJax = {
            tex: {
                inlineMath: [['$', '$'], ['\\(', '\\)']]
            }
        };
    </script>
    <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
    <script type="text/javascript" id="MathJax-script" async
            src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js">
    </script>

Попытка использовать typeset():

<script>
        MathJax.typeset();
    </script>

Ошибка:

caught TypeError: MathJax.typeset is not a function

Что я делаю не так?

Answer 1

[Иван]

Вместо вызова MathJax.typeset() попробуйте использовать MathJax.typesetPromise() для перерендеринга элементов после определенных действий пользователя.

Может поможет
и еще

MathJax.typesetPromise().then(() => {
        // Рендеринг MathJax завершен
        // Выполните другие действия здесь
    });

или посмотреть порядок подключения библиотеки)

Comments

[hades432]

Так же выводит, что typesetPromise не является функцией
В целом, любые функции MathJax не работают, но при этом начальная страница рендерится хорошо

[Иван]

hades432, cтранное поведение(

[Иван]

hades432, может что-то не правильно подключается? Подозреваю что нарушен порядок инициализации библиотеки и вызовов. Возможно вызов функции приходит до инициализации. То есть дойдя до исполнения этой функции, интерпретатор не видит библиотеку. Попробуйте завернуть свои скрипты в window.onload или что-то подобное, которое дожидается подгрузки не только DOM дерева , но и всех скриптов и элементов с внешних систем. А так же посмотрите логи ошибок в консольке

[hades432]

Иван, поменял коннект, убрал async в скрипте, и заработало

[Иван]

hades432, оки) тогда, если не сложно, можно отметить как решение :))