creativetimofficial/argon-dashboard-react

React version of Argon Dashboard

argon-dashboard-react's Issues

[Bug] Build success without any error, but app blank.

Version

1.0.0

Reproduction link

https://imgur.com/X7k7KUc

Steps to reproduce

1. Run npm build
2. Build success without any error.
3. Running build using serve -s build
4. Open the apps, then the app show nothing.
5. Theres error in console log.

What is expected?

App running.

What is actually happening?

App show nothing

---

Solution

Additional comments

[Bug] Template will crash on TypeError

Run in terminal
npm install
Then run
npm start

Compiles successfully, go to localhost:3000, displays the following error message :

TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received undefined
    at validateString (internal/validators.js:117:11)
    at Object.join (path.js:1039:7)

scss files are coming in production build

Hi,

There is a strange in our project in which we are using argon-dashboard react. We are not using scss folder and files anywhere and just importing argon-dashoard-react.css file in index but in the production build we can see scss files are coming which is realy very strange.

npm start not working

Good afternoon, I follow all the steps but I can't manage to run the app with node and visual studio code. I leave you a screen cap.
Thank you

The error that appears to me is the following:

./node_modules/react-dev-utils/webpackHotDevClient.js
Error: [BABEL] C:\Users\Turco\Documents\argon3\node_modules\react-dev-utils\webpackHotDevClient.js: Could not find plugin "proposal-numeric-separator". Ensure there is an entry in ./available-plugins.js for it. (While processing: "C:\Users\Turco\Documents\argon3\node_modules\babel-preset-react-app\dependencies.js$0")
at Array.map ()
at Generator.next ()
at Generator.next ()

[Bug] After the build, we are getting argon-dashboard-react/static/js/main.e8eb0f76.chunk.js net::ERR_ABORTED 404 (Not Found)

Version

• Argon Dashboard React - v1.0.0

Reproduction link

https://www.creative-tim.com/new-issue/argon-dashboard-react

Operating System

masos

Device

Apple

Browser & Version

Chrome 64

Steps to reproduce

After the build, we are getting argon-dashboard-react/static/js/main.e8eb0f76.chunk.js net::ERR_ABORTED 404 (Not Found)

What is expected?

url need to come like this /static/js/main.e8eb0f76.chunk.js

What is actually happening?

but it come like this argon-dashboard-react/static/js/main.e8eb0f76.chunk.js

---

Solution

Additional comments

Problem with sass imports

I'm using webpack to install argon-dashboard. Here is how I'm importing styles:

@import '@creative-tim-official/argon-dashboard-free/assets/scss/argon';

This is the error I'm getting:

Error: Module build failed (from ./node_modules/sass-loader/lib/loader.js):

@import "custom/alert";
^
      File to import not found or unreadable: custom/alert.

I didn't specify what version to use when I ran yarn add so I'm pretty sure I have the latest version. I'm a little new to Yarn. Any help is appreciated!

Hide the component in Sidebar

I am try to hide the component in the Nav Icon ,

As per the reference, I have added an props in route

and define the map in sidebar

But the component is still showing in Nav.

I have referred the link
https://demos.creative-tim.com/argon-dashboard-react/#/documentation/routing-system

[Bug] Cannot get it setup

Version

1.1.0

Reproduction link

https://demos.creative-tim.com/argon-dashboard-react/?_ga=2.128918799.2042698487.1600763687-1720316252.1600763687#/documentation/quick-start

Operating System

Pop_OS 19.10

Device

Asus ROG STRIX II

Browser & Version

Firefox 80.0 (64-bit)

Steps to reproduce

1. Download the ZIP file
2. Run npm run install:clean

What is expected?

There should be a react app of the dashboard

What is actually happening?

The app does start but in the browser shows the following error:

TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type undefined
    at validateString (internal/validators.js:125:11)
    at Object.join (path.js:1147:7)
    at noopServiceWorkerMiddleware (/home/razor/main/Requestly/requestly-work/landingPpage/argon-dashboard-react-master/node_modules/react-dev-utils/noopServiceWorkerMiddleware.js:14:26)
    at Layer.handle [as handle_request] (/home/razor/main/Requestly/requestly-work/landingPpage/argon-dashboard-react-master/node_modules/express/lib/router/layer.js:95:5)
    at trim_prefix (/home/razor/main/Requestly/requestly-work/landingPpage/argon-dashboard-react-master/node_modules/express/lib/router/index.js:317:13)
    at /home/razor/main/Requestly/requestly-work/landingPpage/argon-dashboard-react-master/node_modules/express/lib/router/index.js:284:7
    at Function.process_params (/home/razor/main/Requestly/requestly-work/landingPpage/argon-dashboard-react-master/node_modules/express/lib/router/index.js:335:12)
    at next (/home/razor/main/Requestly/requestly-work/landingPpage/argon-dashboard-react-master/node_modules/express/lib/router/index.js:275:10)
    at launchEditorMiddleware (/home/razor/main/Requestly/requestly-work/landingPpage/argon-dashboard-react-master/node_modules/react-dev-utils/errorOverlayMiddleware.js:20:7)
    at Layer.handle [as handle_request] (/home/razor/main/Requestly/requestly-work/landingPpage/argon-dashboard-react-master/node_modules/express/lib/router/layer.js:95:5)

---

TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type undefined

Version

1.1.0

Reproduction Link

Go to the link below:
https://github.com/creativetimofficial/argon-dashboard-react

Opearting System

Windows 10

Device

Dell

Browser & Version

Firefox Browser 75.0 (64-bit)

Steps to reproduce

1. git clone [email protected]:creativetimofficial/argon-dashboard-react.git

2. cd argon-dashboard-react

3. npm install

4. npm start

It is compiled and served successfully but I see the error in my browser.

What is expected?

The app is served in http://localhost:3000/ and I can see the Argon dashboard as shown in demo website: Here

What is actually happening?

TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type undefined
at validateString (internal/validators.js:112:11)
at Object.join (path.js:375:7)
at noopServiceWorkerMiddleware (C:\Users\RohitPaudel\Desktop\Projects\argon-dashboard-react\node_modules\react-dev-utils\noopServiceWorkerMiddleware.js:14:26)
at Layer.handle [as handle_request] (C:\Users\RohitPaudel\Desktop\Projects\argon-dashboard-react\node_modules\express\lib\router\layer.js:95:5)
at trim_prefix (C:\Users\RohitPaudel\Desktop\Projects\argon-dashboard-react\node_modules\express\lib\router\index.js:317:13)
at C:\Users\RohitPaudel\Desktop\Projects\argon-dashboard-react\node_modules\express\lib\router\index.js:284:7
at Function.process_params (C:\Users\RohitPaudel\Desktop\Projects\argon-dashboard-react\node_modules\express\lib\router\index.js:335:12)
at next (C:\Users\RohitPaudel\Desktop\Projects\argon-dashboard-react\node_modules\express\lib\router\index.js:275:10)
at launchEditorMiddleware (C:\Users\RohitPaudel\Desktop\Projects\argon-dashboard-react\node_modules\react-dev-utils\errorOverlayMiddleware.js:20:7)
at Layer.handle [as handle_request]

(C:\Users\RohitPaudel\Desktop\Projects\argon-dashboard-react\node_modules\express\lib\router\layer.js:95:5)

Conclusion

I also tried in MacOS and I got the same error. I think it is something very simple but I couldn't figure it out now. I wanted to buy a pro version today but skeptical if I will get the same error. I will really appreciate a quick response.

I used this template about 3 months ago and it was functioning for me. I like it so much but very unfortunate.

Thank you, great people.

npm start don't response success anymore, im using Linux 18.04

Guide for integration with Gatsby

What is your enhancement?

If you can provide a few steps on how I can get started with adding the dashboard to an existing gatsby app or using individual components in the basic gatsby-hello-world-starter, I would be happy to write the guide for you once I get it setup myself.

Icons

Examine icon copying.

Next.js

Thanks for this wonderful template.

Is it possible to use this template with Next.js?

Thanks.

[Bug] SCSS files are appearing in the browser even after removing from build

Version

1.1.0

Reproduction link

http://emotify-web.herokuapp.com/users/sign_in
Open this link and inspect the button to see the repeating and conflicting CSS

Operating System

All OS

Device

All Devices

Browser & Version

All Browsers

Steps to reproduce

1. Download Argon React Dashboard
2. Use compiled CSS imports
3. Create production build and serve
4. Inspect any button or other element in the browser
5. Notice repeating CSS rules from compiled CSS and SCSS files

What is expected?

Should only load compiled CSS files as referenced in the build process. Should not show SCSS files reference and rules in the browser.

What is actually happening?

Showing both compiled and SCSS files with repeating and sometimes conflicting CSS rules which cause UI issues.

Screenshot

---

Solution

Additional comments

Create React App react-scripts package requires a dependency: "babel-jest": "^24.9.0

Found a solution:

All I did was delete the files one after each other in the path below, find yours.
C:\Users\YOURUSERNAME\node_modules\babel-jest (version: 25.1.0)

Then delete, delete one and run again to get what to delete:

Babel-jest
Jest
Webpack
The idea of the solution was in my logs:
Don't try to install it manually: your package manager does it automatically.
However, a different version of babel-jest was detected higher up in the tree:

C:\Users\Henry Asante\node_modules\babel-jest (version: 25.1.0)

Is there an accordion Component?

[Feature Request] Dropdown in sidebar

What is your enhancement?

Hi, I want dropdowns in sidebar nav. I am stuck and trying many times. Please help me thanks

Spinner not working

<Spinner className={classnames({ "position-relative": true, visible: true })} size="md" color="danger" />

[Bug] Could not resolve dependency:

Version

1.2.0

Reproduction link

http://na.na

Operating System

linux mint

Device

laptop

Browser & Version

na

Steps to reproduce

git clone from repo
npm install

What is expected?

success installation

What is actually happening?

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR! react@"17.0.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.5.0" from [email protected]
npm ERR! node_modules/react-datetime
npm ERR! react-datetime@"^3.0.4" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

---

Solution

added --force

Additional comments

Unable to make table scrollable. With fixed header

Version

Latest

Reproduction link

https://github.com/creativetimofficial/argon-dashboard-react

Operating System

Mac

Device

Mac

Browser & Version

Chrome latest

Steps to reproduce

1. Just using github repo
2. Added couple of more lines to table example
3. Trying to make table scrollable with fixed header bar when scrolling vertical and also fixed first column when horizontal scrolling.

What is expected?

Vertical Scrolling with fixed header.
Horizontal scrolling with fixed first column

What is actually happening?

Header is scrolling with all rows.

---

Solution

I don't know. I am planning to purchase but saw this bug in free version.so i am stuck.

Additional comments

[Bug] npm not install

Version

1.2.1

Reproduction link

https://github.com/creativetimofficial/argon-dashboard-react

Operating System

Windows

Device

Lenovo

Browser & Version

Chrome

Steps to reproduce

Download code from this link : https://github.com/creativetimofficial/argon-dashboard-react

go to project folder & run npm install,
its not working properly.

my node version is 14.16.1

What is expected?

install & run properly

What is actually happening?

not install

---

Solution

Additional comments

but.. "npm install"

san@junseopsan-2 mindful-react-next % npm run install:clean

[email protected] install:clean
rm -rf node_modules/ && rm -rf package-lock.json && rm -rf .next/ && npm install && npm run dev

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR! react@"17.0.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.3.0" from [email protected]
npm ERR! node_modules/react-bootstrap-table-next
npm ERR! react-bootstrap-table-next@"4.0.3" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See /Users/san/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/san/.npm/_logs/2022-02-21T16_50_15_121Z-debug.log

download your files, and text npm install:clean and see error logs.. please help me

Custom Routing

How do I use the custom routing

TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received undefined at validateString (internal/validators.js:117:11) at Object.join (path.js:1039:7) at noopServiceWorkerMiddleware

getting below error while starting

TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received undefined
at validateString (internal/validators.js:117:11)
at Object.join (path.js:1039:7)
at noopServiceWorkerMiddleware (/Desktop/WEBAPP RELATED/argon-dashboard-react-master/node_modules/react-dev-utils/noopServiceWorkerMiddleware.js:14:26)
at Layer.handle [as handle_request] (/Desktop/WEBAPP RELATED/argon-dashboard-react-master/node_modules/express/lib/router/layer.js:95:5)
at trim_prefix (/Desktop/WEBAPP RELATED/argon-dashboard-react-master/node_modules/express/lib/router/index.js:317:13)
at /Desktop/WEBAPP RELATED/argon-dashboard-react-master/node_modules/express/lib/router/index.js:284:7
at Function.process_params (/Desktop/WEBAPP RELATED/argon-dashboard-react-master/node_modules/express/lib/router/index.js:335:12)
at next (/Desktop/WEBAPP RELATED/argon-dashboard-react-master/node_modules/express/lib/router/index.js:275:10)
at launchEditorMiddleware (/Desktop/WEBAPP RELATED/argon-dashboard-react-master/node_modules/react-dev-utils/errorOverlayMiddleware.js:20:7)
at Layer.handle [as handle_request] (/Desktop/WEBAPP RELATED/argon-dashboard-react-master/node_modules/express/lib/router/layer.js:95:5)

After the build, we are getting argon-dashboard-react/static/js/main.e8eb0f76.chunk.js net::ERR_ABORTED 404 (Not Found)

[Bug] Template will crash on TypeError

Version

1.1.0

Reproduction link

https://github.com/creativetimofficial/argon-dashboard-react

Operating System

Ubuntu WSL

Device

Desktop

Browser & Version

Brave 1.17.75

Steps to reproduce

Run in terminal
npm install
Then run
npm start

Compiles successfully, go to localhost:3000, displays the following error message :

TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received undefined
    at validateString (internal/validators.js:117:11)
    at Object.join (path.js:1039:7)

What is expected?

template should be displayed

What is actually happening?

Error message displayed in browser

---

Solution

Additional comments

The sketch file link gives 404 error.

Failure to Build

Prerequisites

• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

React build to produce a successful build for deployment.

Current Behavior

React build error:

yarn run build
yarn run v1.12.3
$ react-scripts build
Creating an optimized production build...
Failed to compile.

Lexical error on line 1: Unrecognized text.
  Erroneous area:
1: 100% - $icon-size-xl - 1
^.........^


error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Failure Information (for bugs)

See above.

Steps to Reproduce

Simply running the yarn run build command throws this error.

Context

I have made very few changes from the original download and none of these revolves around the SCSS / CSS. Edit - Just tested with the original copy I downloaded from your website and it throws the same error when building.

• Device: Desktop PC
• Operating System: Windows 10
• Browser and Version: N/A

Failure Logs

See above.

Auto rerender not available

how i can use debug with npm run start:debug ? i can't use it and i'm try npm start cannot have this auto rerender after file change ? i'm using npm test but it show error ? help me

The path argument must be of type string

Hello I just downloaded the project, made "npm i" and "npm start", the project compiles but when I get into google chrome there is an error message that says:

TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type undefined
at validateString (internal/validators.js:112:11)
at Object.join (path.js:375:7)
at noopServiceWorkerMiddleware (C:\Users\pgarc\Downloads\argon-dashboard-react-master\node_modules\react-dev-utils\noopServiceWorkerMiddleware.js:14:26)
at Layer.handle [as handle_request] (C:\Users\pgarc\Downloads\argon-dashboard-react-master\node_modules\express\lib\router\layer.js:95:5)
at trim_prefix (C:\Users\pgarc\Downloads\argon-dashboard-react-master\node_modules\express\lib\router\index.js:317:13)
at C:\Users\pgarc\Downloads\argon-dashboard-react-master\node_modules\express\lib\router\index.js:284:7
at Function.process_params (C:\Users\pgarc\Downloads\argon-dashboard-react-master\node_modules\express\lib\router\index.js:335:12)
at next (C:\Users\pgarc\Downloads\argon-dashboard-react-master\node_modules\express\lib\router\index.js:275:10)
at launchEditorMiddleware (C:\Users\pgarc\Downloads\argon-dashboard-react-master\node_modules\react-dev-utils\errorOverlayMiddleware.js:20:7)
at Layer.handle [as handle_request] (C:\Users\pgarc\Downloads\argon-dashboard-react-master\node_modules\express\lib\router\layer.js:95:5)

I don't know how to solve this and how is getting this error. I'm stuck here. Please help!

Fast Clicks in Sidebar Menu

Version

Argon Dashboard React - v1.1.0

Reproduction link

https://Idontknowdothis.com.br

Operating System

Windows

Device

Desktop and Mobile

Browser & Version

Chrome and Firefox

Steps to reproduce

1 Click in any link in sidebar
2 Click another link very fast
3 Repeat again in another link

What is expected?

Change page normaly

What is actually happening?

Pages moving and bugging repeatedly

---

Solution

Additional comments

installing into current project using npm

I have been trying to install argon in my current project.. which is almost new but has a few things in it.. not in terms of components but in terms of few more packages.
I am using npm for extra info

I have been getting this error:

  Deleting file "Release\obj\libsass\libsass.tlog\unsuccessfulbuild".
  Touching "Release\obj\libsass\libsass.tlog\libsass.lastbuildstate".
Done Building Project "C:\Users\STopia\Documents\webapps\o2\node_modules\node-sass\build\src\lib
sass.vcxproj" (default targets).

Project "C:\Users\STopia\Documents\webapps\o2\node_modules\node-sass\build\binding.vcxproj.metap
roj" (2) is building "C:\Users\STopia\Documents\webapps\o2\node_modules\node-sass\build\binding.
vcxproj" (4) on node 1 (default targets).
PrepareForBuild:
  Creating directory "Release\obj\binding\".
  Creating directory "Release\obj\binding\binding.tlog\".
InitializeBuildStatus:
  Creating "Release\obj\binding\binding.tlog\unsuccessfulbuild" because "AlwaysCreate" was speci
  fied.
ClCompile:
  C:\Program Files (x86)\Microsoft Visual Studio\2017\BuildTools\VC\Tools\MSVC\14.16.27023\bin\H
  ostX64\x64\CL.exe /c /I"C:\Users\STopia\.node-gyp\12.13.1\include\node" /I"C:\Users\STopia\.no
  de-gyp\12.13.1\src" /I"C:\Users\STopia\.node-gyp\12.13.1\deps\openssl\config" /I"C:\Users\STop
  ia\.node-gyp\12.13.1\deps\openssl\openssl\include" /I"C:\Users\STopia\.node-gyp\12.13.1\deps\u
  v\include" /I"C:\Users\STopia\.node-gyp\12.13.1\deps\zlib" /I"C:\Users\STopia\.node-gyp\12.13.
  1\deps\v8\include" /I..\..\nan /I..\src\libsass\include /Z7 /nologo /W3 /WX- /diagnostics:clas
  sic /MP /Ox /Ob2 /Oi /Ot /Oy /D NODE_GYP_MODULE_NAME=binding /D USING_UV_SHARED=1 /D USING_V8_
  SHARED=1 /D V8_DEPRECATION_WARNINGS=1 /D V8_DEPRECATION_WARNINGS /D V8_IMMINENT_DEPRECATION_WA
  RNINGS /D WIN32 /D _CRT_SECURE_NO_DEPRECATE /D _CRT_NONSTDC_NO_DEPRECATE /D _HAS_EXCEPTIONS=0
  /D OPENSSL_NO_PINSHARED /D OPENSSL_THREADS /D BUILDING_NODE_EXTENSION /D _WINDLL /GF /Gm- /MT
  /GS /Gy /fp:precise /Zc:wchar_t /Zc:forScope /Zc:inline /GR- /Fo"Release\obj\binding\\" /Fd"Re
  lease\obj\binding\vc141.pdb" /Gd /TP /wd4351 /wd4355 /wd4800 /wd4251 /wd4275 /wd4244 /wd4267 /
  FC /errorReport:queue /Zc:threadSafeInit- ..\src\binding.cpp ..\src\create_string.cpp ..\src\c
  ustom_function_bridge.cpp ..\src\custom_importer_bridge.cpp ..\src\sass_context_wrapper.cpp ..
  \src\sass_types\boolean.cpp ..\src\sass_types\color.cpp ..\src\sass_types\error.cpp ..\src\sas
  s_types\factory.cpp ..\src\sass_types\list.cpp ..\src\sass_types\map.cpp ..\src\sass_types\nul
  l.cpp ..\src\sass_types\number.cpp ..\src\sass_types\string.cpp "C:\Users\STopia\Documents\web
  apps\o2\node_modules\node-gyp\src\win_delay_load_hook.cc"
  binding.cpp
  create_string.cpp
  custom_function_bridge.cpp
  custom_importer_bridge.cpp
c:\users\stopia\documents\webapps\o2\node_modules\node-sass\src\create_string.cpp(17): error C26
64: 'v8::String::Utf8Value::Utf8Value(const v8::String::Utf8Value &)': cannot convert argument 1
 from 'v8::Local<v8::Value>' to 'const v8::String::Utf8Value &' [C:\Users\STopia\Documents\webap
ps\o2\node_modules\node-sass\build\binding.vcxproj]
  c:\users\stopia\documents\webapps\o2\node_modules\node-sass\src\create_string.cpp(17): note: R
  eason: cannot convert from 'v8::Local<v8::Value>' to 'const v8::String::Utf8Value'
  c:\users\stopia\documents\webapps\o2\node_modules\node-sass\src\create_string.cpp(17): note: N
  o user-defined-conversion operator available that can perform this conversion, or the operator
   cannot be called
  sass_context_wrapper.cpp
  boolean.cpp
  color.cpp
  error.cpp
  factory.cpp
  list.cpp
  map.cpp
  null.cpp
  number.cpp
  string.cpp
  win_delay_load_hook.cc
Done Building Project "C:\Users\STopia\Documents\webapps\o2\node_modules\node-sass\build\binding
.vcxproj" (default targets) -- FAILED.

Done Building Project "C:\Users\STopia\Documents\webapps\o2\node_modules\node-sass\build\binding
.vcxproj.metaproj" (default targets) -- FAILED.

Done Building Project "C:\Users\STopia\Documents\webapps\o2\node_modules\node-sass\build\binding
.sln" (default targets) -- FAILED.


Build FAILED.

"C:\Users\STopia\Documents\webapps\o2\node_modules\node-sass\build\binding.sln" (default target)
 (1) ->
"C:\Users\STopia\Documents\webapps\o2\node_modules\node-sass\build\binding.vcxproj.metaproj" (de
fault target) (2) ->
"C:\Users\STopia\Documents\webapps\o2\node_modules\node-sass\build\src\libsass.vcxproj" (default
 target) (3) ->
(ClCompile target) -> 
  cl : Command line warning D9025: overriding '/GR-' with '/GR' [C:\Users\STopia\Documents\webap
ps\o2\node_modules\node-sass\build\src\libsass.vcxproj]
  cl : Command line warning D9025: overriding '/GR-' with '/GR' [C:\Users\STopia\Documents\webap
ps\o2\node_modules\node-sass\build\src\libsass.vcxproj]
  cl : Command line warning D9025: overriding '/GR-' with '/GR' [C:\Users\STopia\Documents\webap
ps\o2\node_modules\node-sass\build\src\libsass.vcxproj]
  cl : Command line warning D9025: overriding '/GR-' with '/GR' [C:\Users\STopia\Documents\webap
ps\o2\node_modules\node-sass\build\src\libsass.vcxproj]
  cl : Command line warning D9025: overriding '/GR-' with '/GR' [C:\Users\STopia\Documents\webap
ps\o2\node_modules\node-sass\build\src\libsass.vcxproj]
  c:\users\stopia\documents\webapps\o2\node_modules\node-sass\src\libsass\src\json.cpp(26): warn
ing C4005: '_CRT_NONSTDC_NO_DEPRECATE': macro redefinition [C:\Users\STopia\Documents\webapps\o2
\node_modules\node-sass\build\src\libsass.vcxproj]
  c:\users\stopia\documents\webapps\o2\node_modules\node-sass\src\libsass\src\sass2scss.cpp(9): 
warning C4005: '_CRT_NONSTDC_NO_DEPRECATE': macro redefinition [C:\Users\STopia\Documents\webapp
s\o2\node_modules\node-sass\build\src\libsass.vcxproj]


"C:\Users\STopia\Documents\webapps\o2\node_modules\node-sass\build\binding.sln" (default target)
 (1) ->
"C:\Users\STopia\Documents\webapps\o2\node_modules\node-sass\build\binding.vcxproj.metaproj" (de
fault target) (2) ->
"C:\Users\STopia\Documents\webapps\o2\node_modules\node-sass\build\src\libsass.vcxproj" (default
 target) (3) ->
  cl : Command line warning D9025: overriding '/GR-' with '/GR' [C:\Users\STopia\Documents\webap
ps\o2\node_modules\node-sass\build\src\libsass.vcxproj]


"C:\Users\STopia\Documents\webapps\o2\node_modules\node-sass\build\binding.sln" (default target)
 (1) ->
"C:\Users\STopia\Documents\webapps\o2\node_modules\node-sass\build\binding.vcxproj.metaproj" (de
fault target) (2) ->
"C:\Users\STopia\Documents\webapps\o2\node_modules\node-sass\build\binding.vcxproj" (default tar
get) (4) ->
(ClCompile target) -> 
  c:\users\stopia\documents\webapps\o2\node_modules\node-sass\src\create_string.cpp(17): error C
2664: 'v8::String::Utf8Value::Utf8Value(const v8::String::Utf8Value &)': cannot convert argument
 1 from 'v8::Local<v8::Value>' to 'const v8::String::Utf8Value &' [C:\Users\STopia\Documents\web
apps\o2\node_modules\node-sass\build\binding.vcxproj]

    8 Warning(s)
    1 Error(s)

Time Elapsed 00:01:30.69
gyp ERR! build error
gyp ERR! stack Error: `C:\Program Files (x86)\Microsoft Visual Studio\2017\BuildTools\MSBuild\15.0\Bin\MSBuild.exe` failed with exit code: 1
gyp ERR! stack     at ChildProcess.onExit (C:\Users\STopia\Documents\webapps\o2\node_modules\node-gyp\lib\build.js:262:23)
gyp ERR! stack     at ChildProcess.emit (events.js:210:5)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:272:12)
gyp ERR! System Windows_NT 10.0.17763
gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "C:\\Users\\STopia\\Documents\\webapps\\o2\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd C:\Users\STopia\Documents\webapps\o2\node_modules\node-sass
gyp ERR! node -v v12.13.1
gyp ERR! node-gyp -v v3.8.0
gyp ERR! not ok
Build failed with error code: 1
npm WARN [email protected] requires a peer of [email protected] - 3 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of [email protected] - 3 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev ||
>= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @types/googlemaps@^3.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @types/markerclustererplus@^2.1.29 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @types/react@^15.0.0 || ^16.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\argon-dashboard-react\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] postinstall: `node scripts/build.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] postinstall 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\STopia\AppData\Roaming\npm-cache\_logs\2019-11-27T04_40_17_029Z-debug.log

https://gdl.space/ejudoxoqek.coffeescript the entire log is here ...

I have visual studio 2019 but I don't know where the problem is... it would be awesome to get some help 😄😅

Updating for react router v6

The following changes can be made for this template for react-router v6

for each route in routes.js change component to element and make it a bracket element such as

{
    path: '/index',
    name: 'Dashboard',
    icon: 'ni ni-tv-2 text-primary',
    element: <Index />,
    layout: '/admin'
  },

Instances of getRoutes() should use path/element and remove the "prop.layout +" when building path since they're now relative.

const getRoutes = (routes) => {
    return routes.map((prop, key) => {
      if (prop.layout === '/auth') {
        return <Route path={prop.path} element={prop.element} key={key} />;
      } else {
        return null;
      }
    });
  };

Then change instances of to and rewrite all 's to a Route/Navigate such as
<Route path="/" element={<Navigate to="/admin/index" />} />

Argon Design System React?

Hi are you guys going to create a React version of the Argon Design System?

[Feature Request] Define 404 not found page or resource

What is your enhancement?

I would like to display 404 NOT FOUND whenever a user visit an undefined route.
Currently when you visit localhost:3000/admin/dashboardd you'll see the admin layout however I don't want that behavior in my app. I want to show 404 NOT FOUND and link to go back.

Thanks Argon team

[Bug] Error when starting apps (build success)

Version

1.0.0

Reproduction link

https://imgur.com/X7k7KUc

Steps to reproduce

1. Running npm run build
2. Running the apps using serve -s build
3. App will run in browser, but it didnt show anything, and error appears on console.
   (i'm using default argon template)

What is expected?

Apps running smoothly

What is actually happening?

App didnt show anything

---

Solution

Additional comments

[Feature Request] How to route to individuals elements by id

What is your enhancement?

hi, I'm try to use this template, but I don't know how to route to specif urls. for example, we have a lot of users and I whant to navigate to the profile of the user by id in the url some like this localhost:3000/admin/user/23345345.

how can I do this?

thanks

[Help Wanted] form filter fields based in select field input

I am new for react and now I am adding a form to get host credentials like below I want to set conditions by choosing the "authentication type" field in my form How can I set that??

Ip or DNS



User Name



Authentication Method
-- Search to Select -- Password SSH Key

                  <label for="userInputName">Password</label>
                  <input type="text" id="passwordInputName" className="form-control" placeholder="Enter Your Host password here" />
                  <br />
                  <label for="userInputName">SSH-Key</label>
                  <input type="textarea" id="ssh_keyInputName" className="form-control" placeholder="SSH-Key" />
                  <br />

Argon Pro React?

Hi are you making a React version for the Argon Pro?

[Feature Request] Not able to use react lazy() for code splitting

What is your enhancement?

We tried using react lazy() for code splitting but after changes, unable to generate build. System hangs if build creation is in progress.
Currently after build we have 4 chunk js files which are having 16mb size hence app takes too much time to load so wanted to split code and improve performance. Please let us know if argon react supports react lazy.
https://react.dev/reference/react/lazy#suspense-for-code-splitting

Version: argon-dashboard-pro-react 1.2.0

Current structure: routes.js file having array of routes and in Admin.js, we have used routes array

TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received undefined

I got the following error after install and run the dashboard

TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received undefined

[Bug] The documentation page is not working

Version

1.2.0

Reproduction link

https://demos.creative-tim.com/argon-dashboard-pro-react/#/documentation/overview

Operating System

Mac

Device

Mac

Browser & Version

Chrome

Steps to reproduce

1. Go to https://demos.creative-tim.com/argon-dashboard-pro-react/#/documentation/overview
2. It does not display the documentation but a landing page

What is expected?

Show the docs

What is actually happening?

Redirecting to the landing

---

Solution

Additional comments

Unable to setup

System Details

OS: Pop_OS 19.10
Browser: Firefox 80.0
App version: 1.1.0
Device: ASUS ROG STRIX II

Problem

I am trying to get started with using the bundle by following the instruction in the documentation
When I run npm run install:clean, I get the following error:

The app does launch. This message is shown in the browser window

TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type undefined
    at validateString (internal/validators.js:125:11)
    at Object.join (path.js:1147:7)
    at noopServiceWorkerMiddleware (/home/razor/main/Requestly/requestly-work/landingPpage/argon-dashboard-react-master/node_modules/react-dev-utils/noopServiceWorkerMiddleware.js:14:26)
    at Layer.handle [as handle_request] (/home/razor/main/Requestly/requestly-work/landingPpage/argon-dashboard-react-master/node_modules/express/lib/router/layer.js:95:5)
    at trim_prefix (/home/razor/main/Requestly/requestly-work/landingPpage/argon-dashboard-react-master/node_modules/express/lib/router/index.js:317:13)
    at /home/razor/main/Requestly/requestly-work/landingPpage/argon-dashboard-react-master/node_modules/express/lib/router/index.js:284:7
    at Function.process_params (/home/razor/main/Requestly/requestly-work/landingPpage/argon-dashboard-react-master/node_modules/express/lib/router/index.js:335:12)
    at next (/home/razor/main/Requestly/requestly-work/landingPpage/argon-dashboard-react-master/node_modules/express/lib/router/index.js:275:10)
    at launchEditorMiddleware (/home/razor/main/Requestly/requestly-work/landingPpage/argon-dashboard-react-master/node_modules/react-dev-utils/errorOverlayMiddleware.js:20:7)
    at Layer.handle [as handle_request] (/home/razor/main/Requestly/requestly-work/landingPpage/argon-dashboard-react-master/node_modules/express/lib/router/layer.js:95:5)

I did try to submit the issue through your site but It did not let me.

"react-scripts": "3.3.1" path error

Hi,

I've just installed the template but received path unresolved.

Fixed after changing the package.json

"react-scripts": "3.3.1",

to

"react-scripts": "^3.4.0"

https://stackoverflow.com/questions/60234640/typeerror-err-invalid-arg-type-the-path-argument-must-be-of-type-string-re/60242323#60242323

Error when starting apps (build success)

I have a problem, build success without error but when starting apps, it didnt show anything and some error in console.

Sidebar opens when any button is clicked on mobile screen

Hey guys, I'm having issues with the argon react theme. Whenever I click a button on a smaller/mobile screen, the sidebar pops open. It also happens on the demo site. Do you know how to fix this?

https://demos.creative-tim.com/argon-dashboard-pro-react/?_ga=2.47344686.886913083.1594495019-1365331711.1593482342#/admin/dashboard

(I just click the new button and the sidebar opens)

Beautiful theme! Any help would be appreciated!

Thanks!

[Bug] Looking for a guide to properly integrate this into a Rails 6 Application

Version

1.0.0

Reproduction link

https://nolink.com

Operating System

Mac OS

Device

Macbook Pro

Browser & Version

Chrome lastest

Steps to reproduce

I guess Im just looking for some help with installing this into a rails app.

What is expected?

it works with rails.

What is actually happening?

Im no css master. its quite effed up

---

Solution

Additional comments

Argon Layouts Like Documentation Web ?

Hi there,
I'm a newborn react programmer. just hatched from my php egg's shell so this is a very new stuff for me.

I'd like to ask you about the documentation's layout. is there any tutorial to make a layout like that ?

Here's what i need :

• I want a persistent / fixed navbar on top,
• a sticky bar above the navbar (if scrolled this bar is covered by the navbar while the navbar is fixed)
• a sidebar on the left side below the top navbar
• a footer below the sidebar and content of view.

If you have any clue about how i am suppose to do or where should i begin or maybe a link with similar topic i'll be very grateful. coz i haven't found the result i'm looking for when i was googling about Argon. feels like i'm walking around the desert without knowing where i have to go.

Many Thanks before.

[Bug] error trying to start project with npm start

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:

• C:\Users\andre.rocha\Desktop\CIDACS_PAMACS\React\argon-dashboard-react-master\node_modules\sass-loader\lib\loader.js
• C:\Users\andre.rocha\Desktop\CIDACS_PAMACS\React\argon-dashboard-react-master\node_modules\loader-runner\lib\loadLoader.js
• C:\Users\andre.rocha\Desktop\CIDACS_PAMACS\React\argon-dashboard-react-master\node_modules\loader-runner\lib\LoaderRunner.js
• C:\Users\andre.rocha\Desktop\CIDACS_PAMACS\React\argon-dashboard-react-master\node_modules\webpack\lib\NormalModule.js
• C:\Users\andre.rocha\Desktop\CIDACS_PAMACS\React\argon-dashboard-react-master\node_modules\webpack\lib\NormalModuleFactory.js
• C:\Users\andre.rocha\Desktop\CIDACS_PAMACS\React\argon-dashboard-react-master\node_modules\webpack\lib\Compiler.js
• C:\Users\andre.rocha\Desktop\CIDACS_PAMACS\React\argon-dashboard-react-master\node_modules\webpack\lib\webpack.js
• C:\Users\andre.rocha\Desktop\CIDACS_PAMACS\React\argon-dashboard-react-master\node_modules\react-scripts\scripts\start.js

---

Solution

I don't have a solution

Additional comments