Могу ли я использовать библиотеку SwiftLatex в моем приложении React Vite TypeScript? ⇐ Javascript

[Anonymous]

Я пытаюсь интегрировать Swiftlatex в приложение React, используя Vite и TypeScript, но я сталкиваюсь с некоторыми проблемами. Я хотел бы спросить, можно ли использовать Swiftlatex в этой среде, и если да, то как? />
[*] Добавлен тег сценария: < /p>

< /code>
< /li>
Загрузил архив, содержащий файлы JavaScript (например,
swiftlatextex.js, swiftlatexpdftex.js), файлы webassembly,
Папка активов и файлы CSS.

[*] Реализованный следующий компонент:

< /ol>
//@ts-nocheck
import React, { useEffect, useState } from 'react';
import { cn } from '@/lib/utils';
import { useLatexStore } from '@/stores/useLatexStore';

// import './styles/article.css';
// import './styles/base.css';
// import './styles/book.css';
// import './styles/katex.css';

interface Props {
className?: string;
}

export const MainRender: React.FC
= ({ className }) => {
const latexCode = useLatexStore((state) => state.latexCode);
const [htmlContent, setHtmlContent] = useState('');

useEffect(() => {
try {
const initializeEngine = async () => {
const engine = new PdfTeXEngine(); // it breaks here, code below does not work and i know its not even using the engine
await engine.loadEngine();
};

initializeEngine();
} catch (error) {
console.error('Error compilation LaTeX:', error);
setHtmlContent('Error compilation LaTeX
');
}
}, [latexCode]);

return (





);
};
< /code>
При запуске приложения я получаю несколько аналогичных ошибок в консоли: < /p>
main-render.tsx:22 Uncaught (in promise) ReferenceError: PdfTeXEngine is not defined
at initializeEngine (main-render.tsx:22:24)
at main-render.tsx:26:7
at commitHookEffectListMount (chunk-B2GLBQEU.js?v=3932c25534)
at commitPassiveMountOnFiber (chunk-B2GLBQEU.js?v=3932c25519)
at commitPassiveMountEffects_complete (chunk-B2GLBQEU.js?v=3932c25517)
at commitPassiveMountEffects_begin (chunk-B2GLBQEU.js?v=3932c25515)
at commitPassiveMountEffects (chunk-B2GLBQEU.js?v=3932c25511)
at flushPassiveEffectsImpl (chunk-B2GLBQEU.js?v=3932c25511)
at flushPassiveEffects (chunk-B2GLBQEU.js?v=3932c25522)
at commitRootImpl (chunk-B2GLBQEU.js?v=3932c25513)
< /code>
Можно ли использовать Swiftlatex в среде React + Vite + TypeScript? Или, может быть, есть другая библиотека для компиляции латекса на стороне клиента? /> Заранее спасибо за вашу помощь!






Vite + React + TS






< /code>
и скриншот файлов WASM и связанных с ними файлов:
wasm files < /p>

Подробнее здесь: https://stackoverflow.com/questions/794 ... script-app