unable to run npm run build

[Krisslk]

when I try to run npm run build it will throw an error saying ParserError: Syntax Error at line: 1, column 25 at runMicrotasks

in the file src/scss/volt.scss

should I do here

[NicolasFerencz]

hey! im encountering the same error, did you manage to solve it?

[Krisslk]

Actually yes but can't exactly remember what I did to solve but try downgrading to node 14

[roborock]

i did but doesnt build.

[peter279k]

I download the repository with the v1.0.0 version and use the Node.js v14.21.3 version to run the npm install and npm run build.

It's worked without presenting errors.

[leeraiyan]

it has to do with the dependencies when we update Node.js. So i updated mine to v20.15.0 and changed the dependencies in package.json to:

"dependencies": {
"@fortawesome/fontawesome-svg-core": "^1.2.36",
"@fortawesome/free-brands-svg-icons": "^5.15.4",
"@fortawesome/free-regular-svg-icons": "^5.15.4",
"@fortawesome/free-solid-svg-icons": "^5.15.4",
"@fortawesome/react-fontawesome": "^0.1.17",
"@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.3.2",
"@testing-library/user-event": "^7.1.2",
"@themesberg/react-bootstrap": "^1.4.1",
"bootstrap": "5.0.0-beta1",
"moment-timezone": "^0.5.31",
"react": "^16.13.1",
"react-chartist": "^0.14.4",
"react-copy-to-clipboard": "^5.0.3",
"react-datetime": "^3.0.4",
"react-dom": "^16.13.1",
"react-github-btn": "^1.2.0",
"react-live": "^2.2.3",
"react-plotly.js": "^2.6.0",
"react-router-dom": "^5.2.0",
"react-router-hash-link": "^2.3.1",
"react-scripts": "^5.0.1",
"react-transition-group": "^4.4.1",
"sass": "^1.50.0",
"simplebar-react": "^2.3.0"},

you also have to go into src\components\Charts.js and unfortunately remove the tooltips from the imports (this means that the charts may not look so responsive, but at least you can run it on the latest Nodejs version):

import React from "react"; import Chartist from "react-chartist"; export const SalesValueChart = () => { const data = { labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], series: [[1, 2, 2, 3, 3, 4, 3]] }; const options = { low: 0, showArea: true, fullWidth: true, axisX: { position: 'end', showGrid: true }, axisY: { showGrid: false, showLabel: false, labelInterpolationFnc: value => `$${value / 1}k` } }; return ( ); }; export const SalesValueChartphone = () => { const data = { labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], series: [[1, 2, 2, 3, 3, 4, 3]] }; const options = { low: 0, showArea: true, fullWidth: false, axisX: { position: 'end', showGrid: true }, axisY: { showGrid: false, showLabel: false, labelInterpolationFnc: value => `$${value / 1}k` } }; return ( ); }; export const CircleChart = (props) => { const { series = [], donutWidth = 20 } = props; const sum = (a, b) => a + b; const options = { low: 0, high: 8, donutWidth, donut: true, donutSolid: true, fullWidth: false, showLabel: false, labelInterpolationFnc: value => `${Math.round(value / series.reduce(sum) * 100)}%`, } return ( ); }; export const BarChart = (props) => { const { labels = [], series = [], chartClassName = "ct-golden-section" } = props; const data = { labels, series };

const options = {
low: 0,
showArea: true,
axisX: {
position: 'end'
},
axisY: {
showGrid: false,
showLabel: false,
offset: 0
}
};
return (

);
};