Discussion on Gull - React Admin Dashboard Template

Discussion on Gull - React Admin Dashboard Template

By
Cart 393 sales
Well Documented

ui-lib supports this item

Supported

This author's response time can be up to 2 business days.

79 comments found.

Hello! i have purchase this theme and read carefully that its supports react. and i will get file of html.. but after download ia have only react js app.. kindly i need html version of this theme

and github username is (TahseenWarsi)

i have check and accept invitation, but the files is not downloadable

Hi Team,

yesterday purchased product gull react bootstrap5 product

these are my system details: OS: windows10 Node version : 16.9.1 NPM version: 7.24.2

when running npm install i am getting below error

React-scripts not found node-sass not found error 10952 error command failed

10955 error gyp verb check python checking for Python executable “python2” in the PATH 10955 error gyp ERR! stack Error: Can’t find Python executable “python”, you can set the PYTHON env variable.

Do i really need Python to run application?

npm ERR! gyp verb check python checking for Python executable “c:\python27\python.exe” in the PATH npm ERR! gyp verb `which` failed Error: not found: c:\python27\python.exe npm ERR! gyp verb `which` failed at getNotFoundError (D:\MyTechServer\htdocs\gull_react\node_modules\which\which.js:13:12) npm ERR! gyp verb `which` failed at F (D:\MyTechServer\htdocs\gull_react\node_modules\which\which.js:68:19) npm ERR! gyp verb `which` failed at E (D:\MyTechServer\htdocs\gull_react\node_modules\which\which.js:80:29) npm ERR! gyp verb `which` failed at D:\MyTechServer\htdocs\gull_react\node_modules\which\which.js:89:16 npm ERR! gyp verb `which` failed at D:\MyTechServer\htdocs\gull_react\node_modules\isexe\index.js:42:5 npm ERR! gyp verb `which` failed at D:\MyTechServer\htdocs\gull_react\node_modules\isexe\windows.js:36:5 npm ERR! gyp verb `which` failed at FSReqCallback.oncomplete (node:fs:198:21) npm ERR! gyp verb `which` failed c:\python27\python.exe Error: not found: c:\python27\python.exe npm ERR! gyp verb `which` failed at getNotFoundError (D:\MyTechServer\htdocs\gull_react\node_modules\which\which.js:13:12) npm ERR! gyp verb `which` failed at F (D:\MyTechServer\htdocs\gull_react\node_modules\which\which.js:68:19) npm ERR! gyp verb `which` failed at E (D:\MyTechServer\htdocs\gull_react\node_modules\which\which.js:80:29) npm ERR! gyp verb `which` failed at D:\MyTechServer\htdocs\gull_react\node_modules\which\which.js:89:16 npm ERR! gyp verb `which` failed at D:\MyTechServer\htdocs\gull_react\node_modules\isexe\index.js:42:5 npm ERR! gyp verb `which` failed at D:\MyTechServer\htdocs\gull_react\node_modules\isexe\windows.js:36:5 npm ERR! gyp verb `which` failed at FSReqCallback.oncomplete (node:fs:198:21) { npm ERR! gyp verb `which` failed code: ‘ENOENT’ npm ERR! gyp verb `which` failed } npm ERR! gyp verb could not find “c:\python27\python.exe”. checking python launcher npm ERR! gyp verb could not find “c:\python27\python.exe”. guessing location npm ERR! gyp verb ensuring that file exists: C:\Python27\python.exe npm ERR! gyp ERR! configure error npm ERR! gyp ERR! stack Error: Can’t find Python executable “c:\python27\python.exe”, you can set the PYTHON env variable. npm ERR! gyp ERR! stack at PythonFinder.failNoPython (D:\MyTechServer\htdocs\gull_react\node_modules\node-gyp\lib\configure.js:484:19) npm ERR! gyp ERR! stack at PythonFinder.<anonymous> (D:\MyTechServer\htdocs\gull_react\node_modules\node-gyp\lib\configure.js:509:16) npm ERR! gyp ERR! stack at callback (D:\MyTechServer\htdocs\gull_react\node_modules\graceful-fs\polyfills.js:299:20) npm ERR! gyp ERR! stack at FSReqCallback.oncomplete (node:fs:198:21) npm ERR! gyp ERR! System Windows_NT 10.0.19042 npm ERR! gyp ERR! command “C:\\Program Files\\nodejs\\node.exe” “D:\\MyTechServer\\htdocs\\gull_react\\node_modules\\node-gyp\\bin\\node-gyp.js” “rebuild” “-verbose” “-libsass_ext=” “-libsass_cflags=” “-libsass_ldflags=” “—libsass_library=” npm ERR! gyp ERR! cwd D:\MyTechServer\htdocs\gull_react\node_modules\node-sass npm ERR! gyp ERR! node -v v16.9.1 npm ERR! gyp ERR! node-gyp -v v3.8.0 npm ERR! gyp ERR! not ok npm ERR! Build failed with error code: 1

Hi, can you use node Latest LTS Version: 14.18.0 ?

Is there an easy way to change the title? I’ve searched the title tag and “Gull React – Bootstrap Admin Dashboard Template” and I get nothing.

You need to edit in public/index.html

Hi

We are facing a issue with running the admin module. We follow the steps but we are getting some dependency error.

Hi, Can you share the error? A screenshot will be helpful.

Can we continue the conversation over email so I can cc my tech leads?

Hi,

The program does not run after download:

yarn run v1.22.10 warning ../../../package.json: No license field $ react-scripts build Creating an optimized production build… Browserslist: caniuse-lite is outdated. Please run next command `yarn upgrade` Browserslist: caniuse-lite is outdated. Please run next command `yarn upgrade` Browserslist: caniuse-lite is outdated. Please run next command `yarn upgrade caniuse-lite browserslist` Failed to compile.

./src/styles/app/app.scss SassError: Invalid CSS after ”...le-height: math”: expected expression (e.g. 1px, bold), was ”.div($drag-handle-h” on line 21 of node_modules/react-image-crop/lib/ReactCrop.scss from line 19 of /Users/gerimo/Desktop/gull_gull/react/src/styles/app/app.scss

I requiere support.

When compiling by yarn and yarn start for the first time we are getting this error

Failed to compile ./src/styles/app/app.scss (./node_modules/css-loader/dist/cjs.js??ref-6-oneOf-5-1\\./node_modules/resolve-url-loader??ref-6-oneOf-5-3\\./src/styles/app/app.scss) SassError: Invalid CSS after ”...le-height: math”: expected expression (e.g. 1px, bold), was ”.div($drag-handle-h” on line 21 of node_modules/react-image-crop/lib/ReactCrop.scss from line 19 of /Users/gerimo/Desktop/gull_gull/react/src/styles/app/app.scss >> $half-drag-handle-height: math.div($drag-handle-height, 2);

------------------^

Hi, remove this line @import "~react-image-crop/dist/ReactCrop.css"; from src/styles/app/app.scss

Hi,

Image cropper looks like is broken. I tried http://localhost:3001/extra-kits/image-cropper, then clicked on Crop Image and got error message:

TypeError: null is not an object (evaluating ‘blob.name = fileName’) > 57 | blob.name = fileName; | ^ 58 | resolve(blob); 59 | }, 60 | “image/jpeg”,

54 | return new Promise((resolve, reject) => {
55 |   canvas.toBlob(
56 |     blob => {

Hi, we’re fixing it and updating the template. will release the updates soon

I just downloaded the project, however getting SASS related error message when it is built. It is related to image crop component.

./src/styles/app/app.scss (./node_modules/css-loader/dist/cjs.js??ref-6-oneOf-5-1\\./node_modules/resolve-url-loader??ref-6-oneOf-5-3\\./src/styles/app/app.scss) SassError: File to import not found or unreadable: react-image-crop/lib/ReactCrop.scss. on line 19 of /Users/andrei/dev/gull-admin/react/src/styles/app/app.scss >> @import “react-image-crop/lib/ReactCrop.scss”;

Hi, you can remove this line @import "~react-image-crop/lib/ReactCrop.scss"; from src/styles/app/app.scss

I downloaded the project, run npm start and I am getting this error:

./src/styles/app/app.scss (./node_modules/css-loader/dist/cjs.js??ref-6-oneOf-5-1\\./node_modules/resolve-url-loader??ref-6-oneOf-5-3\\./src/styles/app/app.scss) SassError: Invalid CSS after ”...le-height: math”: expected expression (e.g. 1px, bold), was ”.div($drag-handle-h” on line 21 of node_modules/react-image-crop/lib/ReactCrop.scss from line 19 of /home/daniel/Desktop/gull-admin/react/src/styles/app/app.scss >> $half-drag-handle-height: math.div($drag-handle-height, 2);

I commented line 19 and it does work, nothing seems to be different, but still I’d like to know if there’s a different way to solve this.

Hi there, is this using class or function component?

it’s class component

Dear team After Create a Build of Your Code and then refresh a page we get Page not Found error Please Guide as How to fix it.

i am using npm run build then upload server if again refresh page then show page not found

yes i am upload build files to server

Which server you are using? if you are using apache server edit .htaccess like this https://gist.github.com/davemackintosh/8ac35fff747dbf2c95e1

or follow this if you are using any other server https://blog.pshrmn.com/single-page-applications-and-the-server/

Failed to compile

./src/styles/app/app.scss (./node_modules/css-loader/dist/cjs.js??ref-6-oneOf-5-1\\./node_modules/resolve-url-loader??ref-6-oneOf-5-3\\./src/styles/app/app.scss) SassError: Invalid CSS after ”...le-height: math”: expected expression (e.g. 1px, bold), was ”.div($drag-handle-h” on line 21 of node_modules/react-image-crop/lib/ReactCrop.scss from line 19 of C:\Users\AMARESH\OneDrive\Desktop\themeforest-wDgbLJ7y-gull-react-redux-html-admin-dashboard-template\gull-admin\react\src\styles\app\app.scss >> $half-drag-handle-height: math.div($drag-handle-height, 2);

------------------^

Getting Error When Install The dependency :shocked:

D:\Out Work\react-admin>npm i npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: gull-react@2.0.0 npm ERR! Found: react@16.14.0 npm ERR! node_modules/react npm ERR! react@"^16.14.0" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer react@"^0.14 || ^15.0.0-rc || ^15.0" from react-date-range@0.9.4 npm ERR! node_modules/react-date-range npm ERR! react-date-range@"^0.9.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. npm ERR! npm ERR! See C:\Users\AMARESH\AppData\Local\npm-cache\eresolve-report.txt for a full report. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\AMARESH\AppData\Local\npm-cache\_logs\2021-07-13T01_22_03_702Z-debug.log

node version – 14.17.2 npm version – 7.191

This is strange, have you resolved this? I’m going to check this.

No, still I am not able to run this. Still getting the same error.

Hi, this is a issue of react-image-crop package. can you try after removing this package, or updating or downgrading the package version?

Hi, I have purchased your Gull-React product. My code is 3a61fc8b-ac59-4804-99d4-2ee88184585f but when I execute nmp install, produce following errors: npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: gull-react@2.0.0 npm ERR! Found: react@17.0.2 npm ERR! node_modules/react npm ERR! react@”17.0.2” from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer react@”16.7.0” from @fullcalendar/react@4.4.2 npm ERR! node_modules/@fullcalendar/react npm ERR! fullcalendar/react“^4.3.0” 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 C:\Users\Cliente\AppData\Local\npm-cache\eresolve-report.txt for a full report. I apreciate your soon support. Regards Adrian

Do you still have that issue?

It is working but with all those warnings in the installation, I reinstalled with a downgrade npm to version 6.14, but I still have not test everything to see if another error does not appear. I will inform you as follows everything. Regards

Don’t worry about those warnings. They will not create any issues. Thanks!

hello, is this compatible with internet explorer? it seems it doesn’t work on it.

no. thank you

How can I add another icons library, like FlatIcon for example? Thanks.

You need to convert flaticons to iconfont using app like https://icomoon.io/app

or you can use directly as svg

Hi,

I noticed routes outside of AuthGuard don’t have menus and side navigation. I want my site for guests look the same as for members (under AuthGuard). Can you please advise how to modify code to have guest/sessions pages having the same layout as authorised users? Thanks.

Each route is protected by “auth” property, please check app/views/dashboard/DashboardRoutes.js

If you want a route to be public, just remove the auth property.

Thanks

I was talking about AuthGuard component. Any route not under AuthGuard has no common layout, just a page without side navigation and header. I want to keep the same layout regardless user authenticated or not and regardless if it is under Auth or not. Thanks

Please check views/sessions/SessionRoutes.js

You can display sidebar & navigation in signin and signup pages by changing the setting in SessionRoutes.js

You can follow this and create another pages/views like this.

Hi,

I need home page or default dashboard be available for public access, but some other pages, like admin dashboard is protected with authentication. How do I separate these type of access in rootRoutes.jsx?

Thanks

Auth is implemented in child route files not in rootRoute. Please check dashboardRoutes.js, remove the auth propertry for making that public. And add auth property to other child routes for making them protected.

Thanks

hello, i am confused with the Auth and AuthGuard components. They look like uncompleted and can’t figure out how things work on auth. I would appreciate if you could explain the workflow.

it is pushing to dashboard on sign out, am i doing something wrong?

Can you share your code? my gihub is mh-rafi

i did it, thank you for helping.

Hello, We just purchased Gull React template. Do you have any guides on how to integrate it wth Laravel?

Thank you

Not for now , you can get help from Google :) here is sample link : https://www.positronx.io/how-to-install-react-js-in-laravel-with-bootstrap/ Thank you

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey