在本地主机上运行“npm start”后,出现以下错误:
./node_modules/chart.js/dist/chart.js 695:18 模块解析失败:意外的标记 (695:18) 文件是用这些加载器处理的:
静态默认值={}; |静态数据集元素类型 = null; |静态数据元素类型 = null;
我已经更新了 Chart.js 、React Chartjs 2 的版本。我删除了 node_modules 和 package-lock.json 并重新安装,应用程序未启动。我已经删除了node_modules/package-lock.json/clear npm 缓存。没有帮助。
您的项目很可能是为与 Chart.js v4 不兼容的 TypeScript 版本编译的 我通过安装版本 3 解决了我的问题,您可以使用以下命令:
npm i --save [email protected]
最好的选择可能是更新所有库和 TypeScript 配置,以便您可以使用 v4。
我们必须使用特定版本的chart.js和react-chartjs-2。
对于 Chart.js v2:
npm install --save chart.js@^2.9.4 react-chartjs-2@^2.11.2
对于 Chart.js v3:
npm install --save chart.js@^3.6.0 react-chartjs-2@^4.0.0
还要确保安装软件包后重新启动服务器。
对于模块捆绑框架,通常使用 Webpack 或 Rollup 等工具。您当前版本的捆绑工具可能不支持静态属性。所以你需要更新你的 webpack 版本,或者你可能必须使用 babel/preset-env 配置。
另一个解决方案是降级
Chart.js
版本。你可以使用 Chart.js v3.x.x