mui-x/charts 错误：SyntaxError：意外的标记“导出”

Question

我的 @mui-x/charts 库遇到问题。我有一个 React Typescript 项目，当我尝试从https://mui.com/x/react-charts/bar-demo/绘制 StackedBarChart 示例时，我在屏幕上收到此错误：

语法错误：意外的标记“导出”

当我检查终端时，它显示：

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

我的 package.json 是：

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

我尝试使用nodejs 16和nodejs 18，但没有人解决，有人有线索吗？

Answer 1

我遇到了同样的问题。阿德里安的建议对我有用。我通过将以下内容添加到我的next.config.js文件中并重建来解决它

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

参考： https: //nextjs.org/docs/architecture/nextjs-compiler#module-transpilation