search

creativetimofficial / argon-dashboard-react

React version of Argon Dashboard
MIT License
443 stars 738 forks source link

[Bug] error trying to start project with npm start #15

Closed pmacs-carlomagnorocha closed 4 years ago

pmacs-carlomagnorocha commented 4 years ago

Version

latest version available at https://www.creative-tim.com/product/argon-dashboard-react?tracking=first-time#

Reproduction link

Operating System

windows 10

Device

PC

Browser & Version

Chrome 78.0.3904.108 64 bits

Steps to reproduce

1 - npm install 2 - npm start

What is expected?

The application starts

What is actually happening?

When I try to start the application the following error occurs: ./src/assets/scss/argon-dashboard-react.scss (./node_modules/css-loader??ref--6-oneOf-5-1!./node_modules/postcss-loader/src??postcss!./node_modules/sass-loader/lib/loader.js??ref--6-oneOf-5-3!./src/assets/scss/argon-dashboard-react.scss) To import Sass files, you first need to install node-sass. Run npm install node-sass or yarn add node-sass inside your workspace. Require stack:

Solution

I don't have a solution

Additional comments

TrueGeek commented 4 years ago

Same here. TONS of errors during npm install

einazare commented 4 years ago

Hello there guys,

What nodejs version do you have? Can you please make sure that you have the latest version: https://nodejs.org/en/ (12.13.1)?

Best, Manu

TrueGeek commented 4 years ago

I'm on v12.1.0, that may have been the issue. I ended up downloading your other template: Light Bootstrap React Admin and it worked great!

einazare commented 4 years ago

Hello again,

Please make sure you have the latest node-sass version and also you have the latest LTS version of NodeJS, which at the moment is 12.13.1. Let me know if that was the issue.

Best, Manu

kimhorng commented 4 years ago

Hello, I also have problem with npm start it showed

'react-scripts' is not recognized as an internal or external command, operable program or batch file. npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! argon-dashboard-pro-react@1.0.0 start: react-scripts start npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the argon-dashboard-pro-react@1.0.0 start script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Kimhorng\AppData\Roaming\npm-cache_logs\2019-11-29T19_10_26_730Z-debug.log

einazare commented 4 years ago

Hello there, @kimhorng

Please make a video with the following:

Best, Manu

cai0m3ga commented 4 years ago

I'am having the exact same problem here, just downloaded today both the project and nodeJS but i get the error bellow (also attached print):

PS C:\argon-dashboard-react-master> npm start

argon-dashboard-react@1.0.0 start C:\argon-dashboard-react-master react-scripts start Starting the development server... Failed to compile.

./src/assets/scss/argon-dashboard-react.scss (./node_modules/css-loader??ref--6-oneOf-5-1!./node_modules/postcss-loader/src??postcss!./node_modules/sass-loader/lib/loader.js??ref--6-oneOf-5-3!./src/assets/scss/argon-dashboard-react.scss) To import Sass files, you first need to install node-sass. Run npm install node-sass or yarn add node-sass inside your workspace. Require stack:

print

My node version:

PS C:\argon-dashboard-react-master> node -v
v12.14.1

print

cai0m3ga commented 4 years ago

Guys i think i just found out how to solve this, my problem was with the "node-sass" version in the "package.json" file, i found out that the current version on the project is "4.11.0" and works with node 11.x:

https://github.com/sass/node-sass

So i changed my "node-sass" version to "4.12.0" >> deleted the "node_modules" folder >> "npm i"

Now it seens to work just fine.

print

print

harikaran003 commented 1 year ago

Compiled with problems: × ERROR in ./src/Assets/scss/argon-dashboard-pro-react.scss?v1.2.1 (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].oneOf[7].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[4]!./src/Assets/scss/argon-dashboard-pro-react.scss?v1.2.1) Module build failed (from ./node_modules/sass-loader/dist/cjs.js): SassError: $color: linear-gradient(to right, #FE932C, #F75100) is not a color. ╷ 255 │ $link-hover-color: darken($link-color, 15%) !default; │ ^^^^^^^^^^^^^^^^^^^^^^^^ ╵ src\Assets\scss\custom_variables.scss 255:20 @import src\Assets\scss\argon-dashboard-pro-react.scss 27:9 root stylesheet