argon-design-system-react
argon-design-system-react copied to clipboard
[Bug] Node Sass takes a lot of time to compile
Version
1.1.0
Reproduction link
https://www.creative-tim.com/product/argon-design-system-react
Operating System
Does not matter
Device
Does not matter
Browser & Version
Does not matter
Steps to reproduce
- Go to the attached link, and download the product
- Run in terminal npm run install:clean
What is expected?
The product should start fairly quickly.
What is actually happening?
The product take a very long time to start.
Solution
Just replace the whole package.json file with:
{
"name": "argon-design-system-react",
"version": "1.1.0",
"description": "React version of Argon Design System by Creative Tim",
"main": "index.js",
"repository": {
"type": "git",
"url": "git+https://github.com/creativetimofficial/argon-design-system-react.git"
},
"keywords": [
"react",
"reactjs",
"argon",
"argon-react",
"design",
"design-react",
"argon-design",
"argon-design-react",
"kit",
"react-kit",
"argon-design-system",
"argon-design-system-react",
"design-system-react"
],
"author": "Creative Tim",
"license": "MIT",
"bugs": {
"url": "https://github.com/creativetimofficial/argon-design-system-react/issues"
},
"homepage": "https://demos.creative-tim.com/argon-design-system-react/",
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build && gulp licenses",
"test": "react-scripts test",
"eject": "react-scripts eject",
"install:clean": "rm -rf node_modules/ && rm -rf package-lock.json && npm install && npm start",
"compile-sass": "node-sass src/assets/scss/argon-design-system-react.scss src/assets/css/argon-design-system-react.css",
"minify-sass": "node-sass src/assets/scss/argon-design-system-react.scss src/assets/css/argon-design-system-react.min.css --output-style compressed",
"map-sass": "node-sass src/assets/scss/argon-design-system-react.scss src/assets/css/argon-design-system-react.css --source-map true"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": [
">0.2%",
"not dead",
"not ie <= 11",
"not op_mini all"
],
"dependencies": {
"bootstrap": "4.3.1",
"classnames": "2.3.1",
"headroom.js": "0.12.0",
"moment": "2.29.1",
"node-sass": "5.0.0",
"nouislider": "14.7.0",
"react": "17.0.2",
"react-datetime": "2.16.3",
"react-dom": "17.0.2",
"react-router": "5.2.0",
"react-router-dom": "5.2.0",
"react-scripts": "4.0.3",
"reactstrap": "8.9.0"
},
"devDependencies": {
"@types/googlemaps": "3.43.3",
"@types/markerclustererplus": "2.1.33",
"@types/react": "17.0.4",
"eslint-plugin-flowtype": "5.7.2",
"gulp": "4.0.2",
"gulp-append-prepend": "1.0.9",
"jquery": "3.6.0",
"typescript": "4.2.4"
}
}
Additional comments
Happy Hacking!
thanks, works for me!