Vite builds

[sh5dow2]

Hello,

after switching to Angular 18 and new build system ( vite ) our ngx-echarts stopped working.

Architecture:

• angular 18
• NX monorepo
• vite build system

I have following error message: [plugin:vite:import-analysis] Failed to parse source for import analysis because the content contains invalid JS syntax. If you are using JSX, make sure to name the file with the .jsx or .tsx extension.

project.json

"build_internal": {
            "executor": "@angular-devkit/build-angular:application",
            "outputs": [
                "{options.outputPath}"
            ],
            "options": {
                "allowedCommonJsDependencies": [
                    "ngx-echarts",
                    "echarts"
                ],
...

tsconfig.json

...
"compilerOptions": {
        "target": "ES2022",
        "useDefineForClassFields": false,
        "forceConsistentCasingInFileNames": true,
        "noImplicitAny": false,
        "strict": false,
        "noImplicitOverride": true,
        "noPropertyAccessFromIndexSignature": false,
        "noImplicitReturns": true,
        "noFallthroughCasesInSwitch": true,
        "strictPropertyInitialization": false,
        "skipLibCheck": true,
        "esModuleInterop": true
    },
...

I do not have any specific vite.config.ts file configured as everything should be part of NX workspace.

Can you please advise on how to proceed?

[sh5dow2]

Closing - update of 'echarts' library solved the issue