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
Give us some time to check , and by the meantime send mail to this email : uilib.help@gmail.com thank you
ok Kindly resolve this ASAP
Can you share your github username?
yes sure
this is on bit bucket username is (eastriverlab)
how much time you get?
and github username is (TahseenWarsi)
Check this out https://github.com/mh-rafi/gull-html/
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?
email us at uilib.help@gmail.com
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-6-oneOf-5-3./node_modules/resolve-url-loader??ref
./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-6-oneOf-5-3./node_modules/resolve-url-loader??ref
./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-6-oneOf-5-3./node_modules/resolve-url-loader??ref
./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.
How did you serve the build files? Did you upload the build files to a server?
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-6-oneOf-5-3./node_modules/resolve-url-loader??ref
./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 
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
After reinstall node i am able to build the project but getting a runtime error
Failed to compile
./src/styles/app/app.scss (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-5-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--6-oneOf-5-3!./node_modules/sass-loader/dist/cjs.js??ref--6-oneOf-5-4!./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);
------------------------------^
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
I downgraded npm to version 6.x and installed but with some problesms and dependency warnings and fail to compile:
npm WARN @babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.14.5 requires a peer of @babel/core@^7.13.0 but none is installed. You must install peer dependencies yourself.
npm WARN @babel/plugin-proposal-class-static-block@7.14.5 requires a peer of @babel/core@^7.12.0 but none is installed. You must install peer dependencies yourself.
npm WARN bootstrap@4.6.0 requires a peer of jquery@1.9.1 - 3 but none is installed. You must install peer dependencies yourself.
npm WARN react-date-range@0.9.4 requires a peer of react@^0.14 || ^15.0.0-rc || ^15.0 but none is installed. You must install peer dependencies yourself.
npm WARN react-tag-input@6.6.1 requires a peer of react@^17.0.2 but none is installed. You must install peer dependencies yourself.
npm WARN react-tag-input@6.6.1 requires a peer of react-dom@17.0.2 but none is installed. You must install peer dependencies yourself.
npm WARN tsutils@3.21.0 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 optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.3.2 (node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.1.2 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.1.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\jest-haste-map\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\watchpack-chokidar2\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\webpack-dev-server\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
./src/styles/app/app.scss (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-5-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--6-oneOf-5-3!./node_modules/sass-loader/dist/cjs.js??ref--6-oneOf-5-4!./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 D:\WWW\Despierta\site-node\react\src\styles\app\app.scss
>> $half-drag-handle-height: math.div($drag-handle-height, 2);
I’m working on Windows 10
npm v6.14.13
node v14.17.1
Regards
do you have git installed?
Hi thanks for your support Yes, i have git
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.
and the Auth always renders children, and AuthGuard authenticated state is always true. Would you mind helping a little?
oh i got what authguard is doing. it is ok now.
Great . Thank you
hello sir, on userActions in logoutUSer function history.push doesn’t seem to work. but it works everywhere else like login actions. do you know why is this happening?
`export function logoutUser() { return dispatch => { auth.logout(); dispatch({ type: USER_LOGGED_OUT }); history.push({ pathname: ”/session/signin” }); }; }`
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