Hi @mark-steven-au,

When you install correctly an admin package to your project, you don't need to move all folders and files. You can use code from these sites that you need and paste it to your project.

If you don't move any folder from the original admin package and the problem still exists then you probably didn't install the admin dashboard correctly. Then you need to remove your node-modules folder and package-lock.json/yarn.lock file and after that install all dependency again.

Please tell me if my advice has fixed this problem.

Best, Kuba

Gave it a go anyway. Kept all files in their original place src/components/pages/ and instead rewrote Routes.js to reflect that. ALmost got it going and then I got this error. Seems PageCreator.js is looking for a module called draft.js that does not exist anywhere.

Any ideaas?

hi @cokicoki

I try to show you step by step what you need to do.

If you want to use our React Pro and admin dashboard and plugins you don't need to install react pro pack as first.

If you unzip react admin dashboard pack, you will see the newest mdbreact 4.21.0 version inside. Just open an unzipped folder with package.json file, run console and type npm install to install dependencies. The react package will be installed with admin, you don't need to install it separately.

After installation Admin Dashboard Pack and React Pro Pack you can use both in your project.

The most important thing is when you want to add some of our plugins to your project you need to follow my previous instructions. I try to write it once again and try to explain it in another word.

1. Download plugins from our website.
2. Unzip this plugin to the new folder.
3. Open plugin's package.json.
4. Open package.json file from your project folder.
5. Copy dependency from plugins package.json ( remember to copy only those dependency that does not repeat in your main project package.json.)
6. After copy all dependencies from all the plugins you want to install copy .tgz files to the main project folder (the folder where you keep package.json file) for example mdb-plugin-name-123.tgz file.
7. And finally, if you copy all dependencies and copy all .tgz files open your console and type npm install command.

If everything goes fine with the installation process you can use plugins or admin pack in your project. To do this you need to import these file into your app.js. For example:

import WYSIWYG from "mdb-react-wysiwyg"

I hope that my answer will help.

Best regards,

Kuba

Hi Jakub,

Would you advise me step by step, what should I do? My intention is I want to make an admin website. So I choose MDB Admin Pro. But I am also want to use some of the features in the MDB React Pro and The Plugins. What correct steps should I follow? Thank you so much for your assistance.

Hi Jakub,

When I want to use React Admin Pro or the plugins, should I install MDB React Pro first as pre-requisite with its access token or no need to do that?

I am sorry, I am still confused and don't know what to do. Kindly please advised!

Thank you very much.

Hi Jakub,

Thanks for your response.

I am sorry If am still confused.

In fact, I want to make a website with React Admin Pro. This is my intention.So my procedure is the following step by step:

First, I install MDB React Pro + plus with its access token, then I run NPM install. And when I succeeded the first installation.

Then, the second step is I bring the admin pack and plugin to my project folder and copy all those files into my project folder. And then I copy all of the dependencies again into my MDB React Pro package.json, and then do NPM install again.

I don't know if my understanding above is correct or not.

Would you give more explanation whether it is correct or not? Thank you.

Hi @cokicoki

You can install plugins and admin pack only from our website. I write the instruction below:

1. Download the plugin or admin pack from our website.

2. Unzip package.json and mdb-plugin-name-123.tgz file.

3. Paste mdb-plugin-name-123.tgz file into your project folder.

4. Open package.json file in your code editor and copy plugin or admin dependency ( Example from WYSIWYG plugin: "mdb-react-wysiwyg": "file:mdb-react-wysiwyg-4.16.0.tgz") and paste it to package.json file from your project

If you copy every *.tzg file to your project folder and copy all dependency you need. You can install dependency by npm install or yarn command.

If everything goes fine with the installation process you can use plugins or admin pack in your project. To do this you need to import these file into your app.js. For example:

1. import WYSIWYG from "mdb-react-wysiwyg".

I hope that you understand my instruction and the installation process goes well. If you need help feel free to ask me a question.

Best Regards, Kuba

Hi,

Please also advised how to install/activate the plugins below! Should I use npm install? Should I need access token? What should I do with them?

Thank you for your assisstance.

MDB-React-WYSIWYG MDB-React-Calendar MDB-React-Color-Picker MDB-React-FileUpload MDB-React-Filter MDB-React-Sortable MDB-React-Table-Editor