typescript - mui-x/charts feil: SyntaxError: Uventet token 'export'

Jeg står overfor et problem med mitt @mui-x/charts-bibliotek. Jeg har et React TypeScript-prosjekt, og når jeg prøver å lage StackedBarChart-eksemplet fra https://mui.com/x/react-charts/bar-demo/, får jeg denne feilen på skjermen:

SyntaxError: Uventet token 'export'

og når jeg sjekker terminalen, viser den:

error - /myproject/node_modules/@mui/x-charts/esm/index.js:1
export * from './constants';

Min package.json er:

"dependencies": {
        "@emotion/react": "^11.10.0",
        "@emotion/server": "^11.10.0",
        "@emotion/styled": "^11.10.0",
        "@mui/material": "^5.9.3",
        "@mui/system": "^5.14.11",
        "@mui/x-charts": "^6.0.0-alpha.13",
        "canvas": "^2.11.2",
        "next": "12.2.3",
        "next-translate": "^1.5.0",
        "react": "18.2.0",
        "react-dom": "18.2.0",
}

Jeg prøvde med nodejs 16 og nodejs 18, men ingen løste det. Har noen en idé?

Svar #1

Jeg støtte på det samme problemet. Forslaget fra Adrian fungerte for meg. Jeg løste det ved å legge til det nedenfor i min next.config.js-fil og bygde på nytt

transpilePackages: ['@mui/x-charts']

Referanse: https://nextjs.org/docs/architecture/nextjs-compiler#module-transpilation

Relaterte artikler