1. MDB Home Page
  2. Support Main Page
  3. MDB React
Topic: Compile Success but nothing happened

Estinto pro asked 5 years ago

I can import {Button} from 'mdbreact'; I use the sample code in the app like <Button rounded gradient="purple">Purple</Button> I use create-react-app and added the dependency and installed, compiled successfully everything seems good but there is no style on the button, anything I should take care of?

Estinto pro commented 5 years ago

Is there a installation guide with details or common failures and solutions more than the one on the page?

Estinto pro commented 5 years ago

warning "mdbreact > react-addons-css-transition-group@15.6.2" has incorrect peer dependency "react@^15.4.2". warning "mdbreact > react-motion-ui-pack@0.10.3" has incorrect peer dependency "react@0.14.x || ^15.0.0". warning "mdbreact > react-motion-ui-pack@0.10.3" has incorrect peer dependency "react-dom@0.14.x || ^15.0.0".

Estinto pro answered 5 years ago

It seems solved by adding import '../node_modules/bootstrap/dist/css/bootstrap.min.css'; import '../node_modules/mdbreact/dist/css/mdb.css'; Manually, but I'm not sure is it the best way to solve the problem.   Any ideas?

Bartłomiej Malanowski staff commented 5 years ago

You should add Bootstrap and MDB CSS files so yes, it's a good way to solve the problem

Estinto pro commented 5 years ago

I think it should be added to some startup tutorials or somewhere else, I found this in someone's comment under a question... really confusing for the first time

Estinto pro commented 5 years ago

Thanks a lot anyway

Bartłomiej Malanowski staff commented 5 years ago

Thank you for the tip. We're planning to create tutorials for MDB React soon ;)
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB React
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags
About author
Estinto
Pro User 40Support score
3Questions 3Answers 1Snippets