./node_modules/chart.js/dist/chart.js 695:18 模块解析失败:意外标记 (695:18)

问题描述 投票:0回答:3

在本地主机上运行“npm start”后,出现以下错误:

./node_modules/chart.js/dist/chart.js 695:18 模块解析失败:意外的标记 (695:18) 文件是用这些加载器处理的:

  • ./node_modules/babel-loader/lib/index.js 您可能需要一个额外的加载器来处理这些加载器的结果。 | |类 DatasetController {

静态默认值={}; |静态数据集元素类型 = null; |静态数据元素类型 = null;

我已经更新了 Chart.js 、React Chartjs 2 的版本。我删除了 node_modules 和 package-lock.json 并重新安装,应用程序未启动。我已经删除了node_modules/package-lock.json/clear npm 缓存。没有帮助。

reactjs chart.js node-modules package.json react-chartjs
3个回答
6
投票

您的项目很可能是为与 Chart.js v4 不兼容的 TypeScript 版本编译的 我通过安装版本 3 解决了我的问题,您可以使用以下命令:

npm i --save [email protected]

最好的选择可能是更新所有库和 TypeScript 配置,以便您可以使用 v4。


2
投票

我们必须使用特定版本的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

还要确保安装软件包后重新启动服务器。

参考这里


0
投票

对于模块捆绑框架,通常使用 Webpack 或 Rollup 等工具。您当前版本的捆绑工具可能不支持静态属性。所以你需要更新你的 webpack 版本,或者你可能必须使用 babel/preset-env 配置。

另一个解决方案是降级

Chart.js
版本。你可以使用 Chart.js
v3.x.x

© www.soinside.com 2019 - 2024. All rights reserved.