Cuando llamo a npm run start para ejecutar mi aplicación de reacción, aparece un error de compilación:

 Failed to compile. Error in ./~/chart.js/dist/chart.js Module parse failed: [...]/node_modules/chart.js/dist/chart.js Unexpected token (9498:12) You may need an appropriate loader to handle this file type. SyntaxError: Unexpected token (9498:12) @ ./src/App.js 15:13-32

Así es como lo estoy usando:

 import Chart from 'chart.js' function renderChart(pmi25, pmi10) { const ctx = document.getElementById('myChart').getContext('2d'); const myChart = new Chart(ctx, { ... }); return myChart }

Encontré el problema en chart.js aquí, tercera línea, pero no soy un gran desarrollador de JavaScript, así que no sé cuál es el problema:

 if (intermediateIndex1 !== startIndex && intermediateIndex1 !== lastIndex) { decimated.push({ ...data[intermediateIndex1], x: avgX, });

Vi otra publicación de SO con este mismo error: Chart.js Error: es posible que necesite un cargador apropiado para manejar este tipo de archivo , pero las soluciones enumeradas no funcionan para mí. No estoy usando babel o webpack hasta ahora. Soy consciente y realmente me gustaría usar la versión 3 de Chart.js y no la versión 2.

Aquí está mi package.json :

 { "name": ..., "version": "0.1.0", "private": true, "dependencies": { "bootstrap": "^5.1.3", "chart.js": "^3.6.0", "react": "^17.0.2", "react-dom": "^17.0.2", "react-scripts": "0.9.5" }, "scripts": { "start": "react-scripts start", }, "proxy": "http://127.0.0.1:5000" }

Estoy usando:

• Versión de nodo 17.1.0
• NPM versión 8.1.2

Estaría feliz de poner un PR en el proyecto si alguien pudiera explicarme cuál es el problema con ese fragmento de código; me parece JavaScript normal.