Build not working for production - White Page about mdb-react-ui-kit HOT 5 CLOSED

from mdb-react-ui-kit.

how can we reproduce this error? do you use free or pro version?

from mdb-react-ui-kit.

Hi Mattonit,

Please find the steps below -

1. Download the MDB Pro zip.
   2.npm install
   3.npm start -> Works fine on localhost

4.In package.json replace build:"webpack" to build: "react-scripts build" and run "npm run-script build".
observe the build folder is created.
5.use "serve -s build" to get the IP
6. Paste the IP in the browser -> shows a empty index.html.

Does this require config changes for server deployment, we are new to React and MDBootstrap, we have been struggling with this issue without any result and help.

from mdb-react-ui-kit.

Hi,

First of all we suggest to make a build version with create-react-app. The steps to reproduce are the same as You wrote, just instead of downloading only our project You should add it to CRA as a dependency and then create Your own app.

This should work correctly:

1. npx create-react-app your-app-name && cd your-app-name
2. Add the necessary dependencies:
   yarn add [email protected] --exact
   yarn add [email protected] --exact
   yarn add [email protected] --exact
3. "mdbreact": "git+https://github.com/mdbootstrap/React-Bootstrap-with-Material-Design.git"
4. yarn
5. Inside src/index.js file make the necessary imports right beneath the import ReactDOM... statement:
   import 'font-awesome/css/font-awesome.min.css';
   import 'bootstrap/dist/css/bootstrap.min.css';
   import 'mdbreact/dist/css/mdb.css';
6. Import components you like and create Your own App
7. yarn build
8. cd build
9. npx serve

from mdb-react-ui-kit.

It seems quite odd to me that I would have to manually add font-awesome and other dependencies. I mean, if your package has dependencies, shouldn't they be part of the package install?

from mdb-react-ui-kit.