Discussion on Dandelion Pro - React Admin Dashboard Template

Discussion on Dandelion Pro - React Admin Dashboard Template

Cart 1,490 sales
Well Documented

ilhammeidi supports this item

Supported

This author's response time can be up to 1 business day.

443 comments found.

Hello, I have tried npm install and I have received the error below

npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: file-loader@3.0.1 npm ERR! Found: webpack@5.69.1 npm ERR! node_modules/webpack npm ERR! dev webpack@”5.69.1” from the root project npm ERR! peer webpack@”4.x.x || 5.x.x” from @webpack-cli/configtest@1.1.1 npm ERR! node_modules/@webpack-cli/configtest npm ERR! webpack-cli/configtest1.0.4” from webpack-cli@4.7.2 npm ERR! node_modules/webpack-cli npm ERR! dev webpack-cli@”4.7.2” from the root project npm ERR! 3 more (@webpack-cli/configtest, @webpack-cli/info, @webpack-cli/serve) npm ERR! 14 more (add-asset-html-webpack-plugin, babel-loader, ...) npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer webpack@”4.0.0” from file-loader@3.0.1 npm ERR! node_modules/file-loader npm ERR! file-loader@”3.0.1” from the root project npm ERR! npm ERR! Conflicting peer dependency: webpack@4.46.0 npm ERR! node_modules/webpack npm ERR! peer webpack@”4.0.0” from file-loader@3.0.1 npm ERR! node_modules/file-loader npm ERR! file-loader@”^3.0.1” 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!

Hi omondi99,

Thanks for the reported issue.

Please try to use package.json and package-lock.json from dandelion-pro folder and replace to starter-project, then npm install again. I think this error because don’t have github account.

I will make a patch for this bug soon.

Regards.

Copying has not fixed the problem

I can’t reproduce the issue, please try to remove node_modules before copying or install webpack hot middleware separately https://www.npmjs.com/package/webpack-hot-middleware

Hello, i have a question about code, Components and pages are class based components or functional components ?

Hi, It using react functional components.

very nice

Hello, im having issues with the template, is there any way to remove the express server for production?, i just need the react code itself, also if not, you can point me in the right direction, to be able to upload this using ci on netlify? thanx!

Hi patosmack,

Thanks for purchasing.

To deploy with netlify, please use npm run build, you can push the build/ to the repository.

There some important things before start deploy:

- Create _redirects file in build/ with this code
/*    /index.html   200

- Go to public folder then copy folder images/ and favicons/ to the build/

- If youre using netlify CLI, just run netlify deploy and choose ./build as your deploy folder

And here’s the another reference:

https://www.netlify.com/blog/2016/07/22/deploy-react-apps-in-less-than-30-seconds/

Feel free if you have any further queries.

Regards.

Hi i bought your theme, it is really awesome, thanks for that.

I just need ur help, I’m trying to work with AWS amplify in the project but as soon as i install it I got an message error to RUN BUILD:DLL after that aws modules are not recognized….if I reinstall aws I got again RUN BUILD:DLL…how can i solve that?

Hi oriionis,

Thanks for purchasing and the appreciation.

About DLL use for speed up run start in development mode, if any error please try add aws/amazon plugin in dllPlugin exlude list internals/config.js line:23 and in package.json line:64

"dllPlugin": {
  "exclude": []
}

This template is built from reactboilerplate. And I haven’t tried with Amazon Amplify. There documentation to deploy with AWS and Beanstalk

- https://github.com/react-boilerplate/react-boilerplate/blob/master/docs/general/deployment.md#aws-s3

- https://github.com/react-boilerplate/react-boilerplate/blob/master/docs/general/deployment.md#aws-elastic-beanstalk

Hope this can help.

Regards.

Hey sir how are you, I’m having some problems when I run npm start. this error appears to me:TypeError: HappyPack. ThreadPool is not a function.

PS: I did the npm install and npm update

Can you please guide me to the solution?

thanks.

Hi sofianejdh,

You can rollback by use default package.json and package-lock.json. Then delete node_modules/ and npm install again.

The error because some dependencies version not match. If you want to update the package, please update one by one (not update at once with npm update) and make sure the react and webpack version are match.

Regards.

Hey sir how are you,

I did read the documentation and I couldn’t find how can I change the background and the header colors, I want to make them darker

can you please help me with that

thanks.

Hi sofianejdh,

I’m good and thanks for purchasing.

To change header color, you can change in app/components/Header/header-jss.js in appBar: {

And for background in app/containers/Templates/appStyles.js in bgWrap: {...} line:82

Feel free if you have any futher queries.

Regards.

Hi ilhammeidi,

Thanks, I found it.

by the way, your theme is fantastic thanks for the excellent support brother.

Alhamdulillah, youre welcome and thanks for the appreciation :)

Hi we have purchased your template but I don’t see the HTML files, nor the CSS… I needed the HTML templates, the CSS, the JS, the images, etc. to be able to adapt it to PHP. Thank you.

Hi tmwebs,

In this item description this is a React.js template written in javascript. It’s built on Material-UI library. It will not work the Wordpress/PHP nor will it work as a static HTML template.

To integrate with php, you can use as separate apps front end with react and backend API with php.

Regards.

Why do i get this error? I ran npm install: [3/5] Fetching packages… error Command failed. Exit code: 128 Command: git Arguments: ls-remote—tags—heads ssh://git@github.com/ilhammeidi/webpack-hot-middleware.git Directory: /Users/edwardbrosens/Development/Prive/zorgadmin Output: git@github.com: Permission denied (publickey). fatal: Could not read from remote repository.

Hi edwardbrosens,

Thanks for purchasing.

Please try to install the template without the webpack hot middleware by removing webpack-hot-middleware in package.json.

After that install the webpack-hot-middleware separately, then run npm run build:dll if needed.

I will fix this issue asap, and make a patch soon.

Regards.

Hi, how to create route with id for example “app/pages/user/1”

Hi jormae,

Thanks for purchasing.

For routing like that, you need route with parameter. Here’s the guide to use paramater https://v5.reactrouter.com/web/example/url-params

Feel free if you have any further queries.

Regards.

Hi Team,

Is it possible to get this package as a pure react app rather than running on top of node express js app?

Please let us know as we require a pure react app.

Thank you Shane.

Hi Shane,

Thanks for purchasing.

By default this template use node server and run with express. To run without them it need to be migrated to another skeleton-project.

So move and adjust some components and modules to new project:

- Main components: app/components, app/containers, app/styles

- Redux and api utilities: app/redux and app/api

- Alias folder setting: internals/webpack/webpack.babel.base:182.

- Necesary packages: package.json

Hope this can help. Feel free if You have any further queries.

Kind regards

Hi, you have answered a question regarding Protecting app routes saying to please trying to wrap the private page/component in routing app/containers/App/index.js

<Route path=”/app/pages/authenticated-page” component={withAuthorizationRouter(AuthenticatedPage)} />

And shared withAuthorizationRouter component https://gist.github.com/ilhammeidi/08ce99fe89d7fbdd7f6fa7606122bdee

That link is now broken after long time. Can you please share the new URL?

The project does not allow using the ? and the error “Support for the experimental syntax ‘optionalChaining’ is not currently enabled” occurs. I already installed the @babel/plugin-proposal-optional-chaining plugin and imported it in babel.config.js and nothing was resolved.

Yes this project doesn’t support for something like that yet, you can try with another way. For further support please provide your Dandelion license/code or invoice id.

Regards.

Hello. In Register Form I cannot clear input value once it is filled and validation fails. If I delete content using BACKSPACE, last character is never deleted, and if I select whole content and press DELETE, nothing happens.

Hi rogermscarvalho,

Thanks for purchasing.

Sorry I cannot reproduce the issue in demo https://dandelion-static.netlify.app/register

Is there any modification from your side?

This is my RegisterForm.js file: https://drive.google.com/file/d/1Ol7ckW9GdxP3L7Ej9ABK1wo6A1eEmN-f/view?usp=drivesdk

Watch this video, see that I submit the form with invalid email ‘test’. When I try deleting that fields content using backspace, it would not allow me to delete last character but fill the field with original content: https://drive.google.com/file/d/1ICcEbXqdIWkrF5_eBofQ4pJER0NhEdlM/view?usp=drivesdk

Hi rogermscarvalho,

I’ve use your code, but still cannot reproduce https://www.awesomescreenshot.com/video/7814346?key=751c6af349fa038e76f6ede5655abc85

Please check the redux-form component in app/components/Forms/ReduxFormMUI.js if any changes from there.

Regards.

Hi, how can I change the application base path to / instead of /app, so I could browse to /dashboard or /sample-page instead of /app/pages/dashboard or /app/pages/sample-page?

Nevermind, I have been able to change it already!

I’m changing initialState of the theme in ui.js to change the color, but always still as it was, nothing changed. WHAT IS THE PROBLEM? I’m working with starter project.

Hi tahareda,

Thanks for purchasing.

Please try to clear the local storage then reload the browser .

https://intercom.help/scoutpad/en/articles/3478364-how-to-clear-local-storage-of-web-browser https://www.leadshook.com/help/how-to-clear-local-storage-in-google-chrome-browser/

To exclude ui reducer in local storage:

/app/redux/configureStore.js in const persistConfigremove ‘ui’ in whitelist
const persistConfig = {
  key: 'dandelion',
  storage,
  whitelist: []
};

Hope this can help. Feel free if you have any further queries.

Regards.

Hello,

The demo does not seem to be working from the preview page.

Is there a way to access it?

Hi, here’s the original link http://dandelion.ux-maestro.com/

Halo, Saya baru saja membeli produk anda dan mencoba menginstallnya, namun ada beberapa kendala sebagai berikut:

1. Invalid configuration object. Webpack has been initialized using the API schema

2.TypeError : compiler.plugin is a not function

3. Failed to parse source map from (project directory…)trace-mapping.ts

4. Failed to parse source map from (project directory…)build-source-map-tree.ts

Terima kasih atas bantuannya

Bisa dapet, nanti tinggal di dowload aja di menu downlodnya.

Sudah di update ya, silahkan di check.

Terimakasih.

Baik, terima kasih

Hello guys, I’ve read the documentation related to changing the theme, but I never succeeded, always error.

the error: “cannot read properties of undefined (reading ‘palette’)

please guide me

Hi adeilhamfajri,

Terimakasih telah membeli.

Silhakan cek di app/redux/modules/ui.js kemudian pastikan value tematheme: 'namaTema', tersedia di palette:

palette: [
    { name: 'Ocean Sky', value: 'skyBlueTheme' },
    { name: 'Purple', value: 'purpleRedTheme' },
    { name: 'Rose Gold', value: 'magentaTheme' },
    { name: 'Leaf', value: 'cyanTheme' },
    { name: 'Mint', value: 'blueCyanTheme' },
    ...
}

Bila ingin menambahkan tema yang baru silahkan tambahkan warna di:

- Light mode: app/api/palette/lightPalette.js

- Dark mode: app/api/palette/darkPalette.js

- Untuk theme-setting (Opsional): app/api/palette/themePalette.js

Semoga membantu. Dan silahkan jika ada pertanyaan lebih lanjut.

Salam

Hi,

I purchased this template for a dating website that I have running php&MySql and Bootstrap 3 frame work and I would like to migrate this template with it. Can you let me know if it’s possible and if you offer integration services.

Br,

Dael

Hi Dael,

Thanks for purchasing.

This template using Material UI v4 to handle styling framework https://v4.mui.com/ But you can use react-bootstrap https://react-bootstrap.github.io/

And for php&Mysql integration you can use php as Backend API and this React.js template as front end https://www.w3jar.com/react-js-php-mysqli-crud-application-with-react-context-api/

For integration service unfortunately I’m not available, just item item support only.

Feel free if you have any further queries.

Regards.

internal/child_process.js:403 throw errnoException(err, ‘spawn’); ^

Error: spawn UNKNOWN at ChildProcess.spawn (internal/child_process.js:403:11) at Object.spawn (child_process.js:553:9) at spawn (C:\Users\dtjarquinm\Downloads\themeforest-8is4qm2m-dandelion-pro-react-admin-dashboard-template\dandelion-pro_v211\starter-project\node_modules\cross-spawn\index.js:12:24) at crossEnv (C:\Users\dtjarquinm\Downloads\themeforest-8is4qm2m-dandelion-pro-react-admin-dashboard-template\dandelion-pro_v211\starter-project\node_modules\cross-env\dist\index.js:32:38) at Object.<anonymous> (C:\Users\dtjarquinm\Downloads\themeforest-8is4qm2m-dandelion-pro-react-admin-dashboard-template\dandelion-pro_v211\starter-project\node_modules\cross-env\dist\bin\cross-env.js:6:1) at Module._compile (internal/modules/cjs/loader.js:1063:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10) at Module.load (internal/modules/cjs/loader.js:928:32) at Function.Module._load (internal/modules/cjs/loader.js:769:14) at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12) { errno: -4094, code: ‘UNKNOWN’, syscal

Hi djarquin,

Thanks for purchasing.

Here’s the reference about this issue:

-https://haritibcoblog.com/2019/12/24/solved-throw-errnoexceptionerr-spawn-error-spawn-enomem/

- https://laracasts.com/discuss/channels/general-discussion/error-when-running-npm-run-prod-in-production

- https://github.com/vercel/next.js/issues/2228#issuecomment-307593716

Mostly it’s because memory issue. Depending on the number of pages and components in project. For production build by default it (dandelion-pro) need at least 3GB memory, but will be less for starter-project.

Regards.

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