Angular: Issue trying to import katex

[ChavaMS]

Hi everyone!

I'm trying to import Katex on an Angular project and I'm facing this error:

node_modules/@types/katex/index"' has no default export.

This is how I imported the module:

I'm using:
-Angular 16
-Katex 0.16.8

What am I doing wrong?

[edemaine]

I'm guessing this is a type error, and related to #3574 (and #3531). Presumably everything runs, it's "just" type checking that's broken.

[ChavaMS]

No, it doesn't run, the Angular compiler throws an error and stops working. 😢

Taking a deeper look at the repository I found this PR that might help with the issue: #3846 but isn't approved yet. I think it is an important issue because it affects every typescript implementation.

[joshuawwright]

@edemaine @ChavaMS I have the same problem. I can kind of work around the issue by doing this:

`import { ElementRef, Injectable } from '@angular/core';
import { KatexOptions } from 'katex';
import { default as katex } from 'katex';

@Injectable()
export class KatexService {

render(equation: string, element: ElementRef, options?: KatexOptions) {
    return katex.render(equation, element.nativeElement, options);
}

}

[joshuawwright]

@ChavaMS It looks like this library managed to get it to work:

https://github.com/garciparedes/ng-katex/blob/master/projects/ng-katex/src/lib/ng-katex.service.ts

I am using NX workspace with Angular, so maybe the tsconfig/executors are playing a role here.

[joshuawwright]

The reason it works for them is because they don't have @types/katex as a dev dependency. Obviously, not an ideal solution.