Notice: The Monaca & Onsen UI Community Forum is shutting down.
For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.
Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.
New to Onsen and react kitchen sink demo does not work
-
I am new to Onsen and wanted to try it out. I tried the react kitchen sink demo:
git clone git@github.com:OnsenUI/react-onsenui-kitchensink.git
cd react-onsenui-kitchensink
npm install
npm run dev
When I view the webpage it does not look correct. All I see on the bottom of the page is text for “Animation” and the rest of the page is blank. There are series of warnings and errors in the developer console (too many to list here).Any ideas on why the kitchen sink demo does not work?
-
@anderson9149 Welcome! React’s kitchensink hasn’t been updated for a long time. The issue you have is probably related to the dependencies. If you change
package.json
and remove the^
fromonsenui
andreact-onsenui
it will probably work, but with old versions.Hopefully, it will be updated soon. For now, you can use tutorial.onsen.io to see examples.