現在monacaを使ってReactでモバイルアプリを作成しています。
monacaにはOnsenUIというフレームワークを使うことができるのですが、これでは物足りないと思ってマテリアルデザイン系のフレームワークを探してReactと相性の良さそうなものにMaterial-UIとGrommetとというのがあったのですが、上手く実装できませんでした。
具体的には
$ npm install material-ui --save-dev
としてpackage.jsonを書き直し、
$ npm install
を実行しました。
material-uiをimportして実装してみたところ、monaca上のトランスパイラーにはエラーが出なかったのですが、コンソールに
"TypeError: Cannot read property 'prepareStyled' of undefined"
と出ました。
これを調べてみると、このprepareStyledの周辺にエラーがあるということですが、これが書かれているのはmonacaの既存の部分なので基本的に僕は触らなくても良いところなので、そもそも使えないのかなと思いました。(画面にはエラーなので何も表示されていません)
Grommetの方は実装してみると(buttonを実装してみました)、トランスパイラーにもコンソールにもエラーは出ず、画面もちゃんと表示されたのですが、何のスタイルも適用されていない普通のbuttonが表示されました。これでは使う意味がないです。
monaca material-ui
とかで検索をかけてみてもヒットしないのですが、そもそもmonaca上では他のフレームワークを利用したりすることはできないのでしょうか。
ご存じの方がいらっしゃれば教えていただけませんでしょうか。
よろしくお願いします。
あなたの回答
tips
プレビュー