Monaca Onsen UI Discord Chat Github Repo

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?


  • Onsen UI

    @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 ^ from onsenui and react-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.