684 comments found.
Hi,
I have some issues with routing on the gogo-theme. I have routed ’/’ to show the ‘multipage-home’ component but the navigation stopped working.
How do i fix this?
Hi,
Replied to your other account.
Cheers.
Hi, thanks for replying… I did but having same issue…
the issue is: When I change the route for MultipageHome to this:
<Route path={`/`} component={MultipageHome} />
and click on the navlinks on the MultipageHome, the url changes but the content does not, meaning all the links stop working, only the url is changed but the rendered component will still be MultipageHome
But if i leave the default: <Route path={`/multipage-home`} component={MultipageHome} />
and click on the navlinks, the page navigates to show the corresponding Component of the url
Hi, fixed it by adding “exact” props to the Route component
<Route exact path={`/`} component={MultipageHome} />
That is great, we have missed it 
I got this error, when “npm start”
98% after emitting SizeLimitsPluginERROR Failed to compile with 1 errors 5:46:37 PMerror in ./src/index.jsSyntax Error: SyntaxError: Unexpected token (9:6) > 9 | <MainApp />, | ^ 10 | rootEl 11 | ); 12 | };
@ multi (webpack)-dev-server/client?http://localhost:3005 (webpack)/hot/dev-server.js babel-polyfill react-hot-loader/patch ./src/index.jsHi,
If you are on a Mac or Linux computer please make sure you have copied all the files.
In project directory there should be a ”.babelrc” and ”.eslintrc” files and the problem occurs when ”.babelrc” file is missing. This files are in downloaded zip but os hides them since they start with a dot.
Let us know if this fixes your problem.
Cheers.
Ah yes, youre right. But now when I try to copy paste all the files (including the hidden one), I still got the message above.
https://imgur.com/HfgU3Pr https://imgur.com/q6zh1zgWould you mine to help me?
That is odd, copying the files should have solved the problem.
I just noticed something on your project structure screenshot. Maybe you have taken it before installing modules but still want to ask to be safe. There is not a node_modules folder so maybe you have not run npm install? As i said just wanted to be sure
If it is not about node_modules then would you try to run Gogo-React-Start project. It could help us understand the problem.
Ah that’s correct, how can I missed it. Very strange, I did npm install and yarn, but that doesnt install the node_modules. Thanks for the quick support. Best! It solved and running…
Well, that is a relief. Let us know if you require any assistance.
Happy coding
Hello. Where can I find what was done in the last update? Thanks
Hello,
Sorry about it, we have forgotten to update version info.
We have made a temporary fix to a problem with latest nodejs. Dynamic import was causing a problem and we have fixed it by removing it. Only affected part is theme switch.
If you don’t have any trouble running your version then you don’t need to download newer one since it will be obsolete when we made a proper fix for nodejs problem.
If you having trouble running the theme and have work that you don’t want to lose, then let us know. We will provide guidence.
Kind regards.
Hello. Ok, thanks for the fast answer!
You are welcome, happy coding
Hello. Are the codes in http://api.crealeaf.com included OR do you distribute mock-up data with the demo? Thank you.
Hello,
It is a quite basic .net service which returns mockup data and does not included in the item.
Item source comes with purchase and demo connect this api to demonstrate search paging and ordering. Eg: http://api.crealeaf.com/cakes/paging?pageSize=10¤tPage=1&orderBy=title&search=bebinca
Kind Regards.
Thank you for your message. Do you mean the distributed version still access to api.crealeaf.com? ...and I will need to change API path on my local?
We wanted to keep it consistent between demo and distributed versions so both of them connect to the api.
It is there to demonstrate axios usage with a real scenario but the theme does not contain any backend logic or code so you will need to provide your own data in a way of your choosing and change api call when your backend is ready.
Here is the api call:
const apiUrl ="http://api.crealeaf.com/cakes/paging";
axios.get(`${apiUrl}?pageSize=${selectedPageSize}¤tPage=${currentPage}&orderBy=${selectedOrderOption.column}&search=${search}`)
OK, perfect, thank you.
would love to see a profile page added in to this next update, maybe authorization like pup as well…wishful thinking
Hi,
Thank you for your interest in our theme.
As for your wishes, our profile page design is very similar to details page actually so we preffered to call it details page and change it a little bit.
Here is a design ss: https://ibb.co/D1PnQ32 And here is current detail page: http://gogo-react.crealeaf.com/app/layouts/details
I could not understand what you have meant by authorization page. Currently we have two different layouts for that but you are right about jwt and auth2 part. We will work on that and provide them with next update
http://gogo-react.crealeaf.com/login
http://gogo-react.crealeaf.com/auth-login
Kind Regards.
Hello, i’ve downloaded this theme and when i tried to start Gogo-React project i’ve got the following error.
ERROR Failed to compile with 1 errors 17:31:19
error in ./src/index.js
Module parse failed: Unexpected token (28:12)
You may need an appropriate loader to handle this file type.
|
| var render = function render() {
> var css = import('./assets/css/sass/themes/gogo.' + color + '.scss').then(function (x) {
| var MainApp = require('./App').default;
|
@ multi (webpack)-dev-server/client?http://localhost:3005 (webpack)/hot/dev-server.js babel-polyfill react-hot-loader/patch ./src/index.js
Can you help me?
Hello,
First of all, we are sorry about the trouble. We have found out that this error caused by recent Node.js update. Basically dynamic imports are not working anymore and we have created a temporary update to make Gogo-React project work. If you could download new version(2.0.3) you will be able to run the project.
I have to say that we had to remove theme switch with this update but we will find a solution to make it work again as soon as possible.
You may change theme from src/containers/App.js file by editing the following line.import "Assets/css/sass/themes/gogo.light.purple.scss";You can choose a theme from the directory below.
Assets/css/sass/themes
Kind Regards.
hi there i just downloaded the theme and tried to run but encountered this error:
98% after emitting SizeLimitsPlugin . ERROR Failed to compile with 1 errors 5:56:22 PM
error in ./src/index.jsModule parse failed: Unexpected token (28:12) You may need an appropriate loader to handle this file type. | | var render = function render() { > var css = import(’./assets/css/sass/themes/gogo.’ + color + ’.scss’).then(function (x) { | var MainApp = require(’./App’).default; |
@ multi (webpack)-dev-server/client?http://localhost:3005 (webpack)/hot/dev-server.js babel-polyfill react-hot-loader/patch ./src/index.jsHello,
First of all, we are sorry about the trouble. We have found out that this error caused by recent Node.js update. Basically dynamic imports are not working anymore and we have created a temporary update to make Gogo-React project work. If you could download new version(2.0.3) you will be able to run the project.
I have to say that we had to remove theme switch with this update but we will find a solution to make it work again as soon as possible.
You may change theme from src/containers/App.js file by editing the following line.import "Assets/css/sass/themes/gogo.light.purple.scss";You can choose a theme from the directory below.
Assets/css/sass/themes
Kind Regards.
Hi! I am also encountering
ERROR in ./src/index.js 28:12 Module parse failed: Unexpected token (28:12) You may need an appropriate loader to handle this file type. | | var render = function render() { > var css = import(’./assets/css/sass/themes/gogo.’ + color + ’.scss’).then(function (x) { | var MainApp = require(’./App’).default; | @ multi babel-polyfill react-hot-loader/patch ./src/index.js main2 Child html-webpack-plugin for index.html>
Can you tell me the solution?
Hello,
First of all, we are sorry about the trouble. We have found out that this error caused by recent Node.js update. Basically dynamic imports are not working anymore and we have created a temporary update to make Gogo-React project work. If you could download new version(2.0.3) you will be able to run the project.
I have to say that we had to remove theme switch with this update but we will find a solution to make it work again as soon as possible.
You may change theme from src/containers/App.js file by editing the following line.import "Assets/css/sass/themes/gogo.light.purple.scss";You can choose a theme from the directory below.
Assets/css/sass/themes
Kind Regards.
Got it working using yarn as replacement for the command npm run build, npm run start. Use yarn guys.
Hi,
We are working on an update to make it work for both npm and yarn:)
Cheers.
Hello. I receive the following error when I run npm start in the “gogo-react” folder. I see another user is having this issue in the comments as well:
error in ./src/index.js
Module parse failed: Unexpected token (28:12) You may need an appropriate loader to handle this file type.
Please help me how can i solve this
Hello,
First of all, we are sorry about the trouble. We have found out that this error caused by recent Node.js update. Basically dynamic imports are not working anymore and we have created a temporary update to make Gogo-React project work. If you could download new version(2.0.3) you will be able to run the project.
I have to say that we had to remove theme switch with this update but we will find a solution to make it work again as soon as possible.
You may change theme from src/containers/App.js file by editing the following line.import "Assets/css/sass/themes/gogo.light.purple.scss";You can choose a theme from the directory below.
Assets/css/sass/themes
Kind Regards.
Hey
I prepared NextJs skeleton on typescript which renders helmet with i18n, custom typescript express server, dotenv, nodemon, server side and client side language detection and uri language prefix auto-correction (/en/..)
And I want to use your template in following ways:
1) use all SEO techniques to properly render landing pages, blog page etc 2) adapt all the UI in nextjs
My time is dramatically busy and I want to ask you to do this.
I have two options:
1) I’ll pay you for this and I keep result as my property which I’m going to use for startup project, so you won’t be able to use the result anywhere or sell it.
2) Or I won’t pay you for that and this awesome project setup with nextjs will be also your property (as mine), and you will be able to sell this additional variant of your awesome Admin Template, which I suppose will bring you even more money, because nextjs + typescript and rendered SEO with i18n and auth – is something that actually most of modern more-less complex apps needs, even from my own experience. I’m web developer since php3 released
I also have NestJS API server ready with auth using JWT Token and swagger setup. Which I’m planning to connect to nextjs webapp with your UI later on.
Tell me what variant is working for you and if you even want to work on it. We can agree about something valuable for both of us.
Hi,
Thanks for your interest and kind words for our theme.
As for the offer, we are not planning to integrate ssr with the project and we do not accept freelance jobs.
Kind regards.
Ok Thanks!
Hello. I receive the following error when I run npm start in the “gogo-react” folder. I see another user is having this issue in the comments as well:
error in ./src/index.js
Module parse failed: Unexpected token (28:12) You may need an appropriate loader to handle this file type.| var render = function render() { > var css = import(’./assets/css/sass/themes/gogo.’ + color + ’.scss’).then(function (x) { | var MainApp = require(’./App’).default; |
@ multi (webpack)-dev-server/client?http://localhost:3005 (webpack)/hot/dev-server.js babel-polyfill react-hot-loader/patch ./src/index.jsPlease let me know how to fix this, thanks.
Hi,
Just answered your email.
Regards.
I’m getting the error when running npm start after install
./src/index.js 28:12 Module parse failed: Unexpected token (28:12) You may need an appropriate loader to handle this file type.
i’ve all the files including 8 -rwxr-xr-x@ 1 user staff 82 Jul 17 2018 .babelrc 8 -rwxr-xr-x@ 1 user staff 85 Jul 17 2018 .eslintrc
what im doing wrong?
Hi,
It is the first time we see someone gets this error. Have you made any changes or are you getting this error on your very first run?
Also, it would be nice if you could post full error message. You may also try to run Gogo-React-Start project since it is quite lite compared to Gogo-React.
the clean project works, but the full one returns the error:
ERROR Failed to compile with 1 errors 10:03:16 PMerror in ./src/index.jsModule parse failed: Unexpected token (28:12) You may need an appropriate loader to handle this file type. | | var render = function render() { > var css = import(”./assets/css/sass/themes/gogo.” + color + ”.scss”).then(function (x) { | var MainApp = require(”./App”).default; |
@ multi (webpack)-dev-server/client?http://localhost:3005 (webpack)/hot/dev-server.js babel-polyfill react-hot-loader/patch ./src/index.jsHi,
Would you check your file structure please. There are two files on root of the project folder which start with a dot and they might be hidden and not copied.
.babelrc .eslintrc
Here is how structure should be: http://gogo-react-docs.crealeaf.com/docs/getting-started/structure
Regards.
Hi,
Sorry for the above reply, it was a mistake.
We are currently trying to find a solution. It looks like hot loader and/or dynamic import is cause of the problem since Gogo-React-Start does not have these. As i said earlier, it is the first time we encounter this problem and can not replicate it.
We can produce a possible solution if you are willing not to provide a theme switch and go for a single theme. Let us know if this works for you.
Regards.
sure, im not going to use a theme switch, thanks
Hi,
Would you please reach us from support@crealeaf.com so we would send you single color version of the project.
I’m really love this theme. But I’m using laravel (beginner). I don’t have any knowledge about React. I want to use this theme for my laravel web application. Do you have any suggestion for me?
Hi,
If you have basic algorithm knowledge and some javascript background, you may comprehend React concept easily with a small course from Udemy, Pluralsight or some other. You will need to learn some new concepts from ES6 and React structure.
As for Laravel, we are not familiar with it but i might advice this. You may create your backend as a web service and call it from React. Making the backend service oriented is quite popular these days since when you create it once it may serve you for different platforms.(You may use it from your mobile app, web app or desktop app etc.)
This is basically it, wishing you the very best for your new ventures
Regards.
Do you make this product with Angular7 ?
Hi,
Currently our priority is Vue version, and then we will think about Angular.
Regards.
Hello Support Team,
Need your help in setup the menu. I want first level menu will handle by Burger menu icon on top and second level menu will be hand via First level menu item.
Currently, the problem is burger menu icon is handling the first level and second level menu items.
Reference: 1) https://prnt.sc/m58s9z 2) http://prntscr.com/m58t5y
Let me know if you can help in this case.
Sincerely, Suhail
Hi Suhail,
Have you checked “menu” item on main menu which has a Subhidden options? This might work for you if you have not noticed. It pretty much does what you have asked but with a small extra.
Let us know if this fix your problem. http://gogo-react.crealeaf.comRegards.
Hi, in my initial review of the code, I was curious why you use redux-saga’s takeEvery for auth versus takeLatest? I’m far from a react expert, but I would think if a second request comes in you’d want to cancel the existing one and resubmit versus having two auth requests in flight. thanks in advance for the info.
Hi,
We used takeEvery and wanted to disable the button when a request is sent but forgot about making it disabled.
Although, you are still right if the button is disabled or not. takeLatest makes more sense in this case. A small but an important thing, thank you for taking time and commenting this. We will fix it on the next update.
Regards.
Is there a way to integrate this with standard create-react-app?
Hi,
We have not used cra since there was lots of things working under the hood. We also wanted to make sure we configure webpack ourself to be able to provide guidence for it.
I think at this point, it is not very logical to integrate it with cra.
Regards.
Why there isn’t a table design??
Hi,
We thought it would be enough to provide listing pages instead of tables and use flex instead of it. But i must admit that there can still be a need for tables especially for tabular data in content.
We will at least provide standard bootstrap table design with our next update. You might use them now and style them with a scss file change when the update arrives. https://reactstrap.github.io/components/tables/Regards.
I just installed the Gogo-React 2.0.2 version on centos 7 and I ran ‘npm install’ which installed all the node_modules without errors but when I run ‘npm start’or ‘npm run build’ I get the error below “ERROR Failed to compile with 1 errors 10:37:42
error in ./src/index.jsSyntax Error: SyntaxError: Unexpected token (18:14) > 18 | const css = import(’./assets/css/sass/themes/gogo.’ + color + ’.scss’).then(x => { | ^ 19 | const MainApp = require(’./App’).default; 20 | 21 | ReactDOM.render(
@ multi babel-polyfill react-hot-loader/patch ./src/index.js".I upgraded to node 8 and npm 6 but the error was the same.
Pls advise.
Hi,
Thank you for the purchase.
As for the error, may you check and make sure you have ”.babelrc” and ”.eslintrc” files on root directory of projects? Since these files starts with a dot, linux systems makes them hidden and does not include them in copy paste operation.
You may check the default structure here: http://gogo-react-docs.crealeaf.com/docs/getting-started/structure
Let us know if this solves the problem.
Regards.
I have checked and I dont have them, I ran ‘ls -al’ to display all files inc hidden files but both files aren’t present, what do I do?
They are surely in the zip you have received but i don’t have any knowledge about Linux so please take a look at these screenshot. If you don’t have the exact structre when you unzip the files we may send them over email.
This ss is from the zip you have received and the path is: source/gogo-react
https://ibb.co/j3drNt0Thanks, I have compiled successfully however when I try to open in browser it just loads indefinitely without displaying anything, pls help
Please check your developer tools console if there are any error messages.
Already checked, there are no errors but it throws a 404 on 2 css files, style.css and simple-line-icons.css
So i fixed the 404 but it’s still not loading anything
That is good since build problem is gone and i think this one might be related to your localhost. Is it possible that some other project of yours using and modifing your localhost or this specific port?
You may try the two other projects shipped with the zip file. They work on a different port so you may see if this is about the port.
Yea so I think my problem is unique to the platform is being run, I ran the files on my local MacBook and the page opens without hitch but I can’t run it on my CentOS VPS, can you help ? Everything builds and compiles well but pages don’t open.
Hi,
No one in our team has an experience with Centos so we can not provide a solid solution.
If you are using it as vps, maybe you should work on your mac and deploy only a production build on it. Have you checked if production build works? You may create a production build with “npm run build” and use the contents from “dist” folder for deployment.
Regards.
Maybe I am making a mistake, when I run ‘npm run build’, which URL am I to use to open the app .?
can someone help me out here .? I need help.
Hi,
npm run build does not start a webserver. It only creates a production version of the project in “dist” folder. You should take those files and put them on your server to see if it is working.
Regards.
oh okay .. let me try that.
finally worked .. thanks.
That is great, we have missed the part where Centos is your server and i guess you were making a test run.
I think you have figured out the process but let me recap. You may use your Macbook to code your project and test it with “npm start”. When you are done and ready to publish, you may create production build with “npm run build” and deploy the “dist” folder to server.
That is it, happy coding
Ps: It would be really nice if you can rate our item whenever you have time. https://themeforest.net/downloads
How do i show username after login?
Hi,
You may connect to api and get username separately or edit login call to retrieve username and carry it along the project with redux. That is up to you.
It would be also nice if you comment from an account which purchased the item.
Regards.
