typescript - mui-x/charts fel: SyntaxError: Oväntad token 'export'

Jag står inför ett problem med mitt @mui-x/charts-bibliotek. Jag har ett React TypeScript-projekt och när jag försöker rita StackedBarChart-exemplet från https://mui.com/x/react-charts/bar-demo/ får jag detta felmeddelande på min skärm:

SyntaxError: Ov väntat tecken 'export'

och när jag kontrollerar terminalen, visar den:

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

Mitt package.json är:

"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",
}

Jag försökte med nodejs 16 och nodejs 18, men ingen löser det. Har någon en aning?

Svar #1

Jag stötte på samma problem. Förslaget från Adrian fungerade för mig. Jag löste det genom att lägga till nedanstående i min next.config.js-fil och byggde om.

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

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

Relaterade artiklar