argon-design-system-react icon indicating copy to clipboard operation
argon-design-system-react copied to clipboard

[Bug] Node Sass takes a lot of time to compile

Open einazare opened this issue 4 years ago • 1 comments

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

  1. Go to the attached link, and download the product
  2. 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!

einazare avatar Apr 28 '21 06:04 einazare

thanks, works for me!

AgentPoles avatar Dec 30 '21 08:12 AgentPoles