【cordova-react】 tips of react

今日は自分に対しての備忘録になります。同じようなことを前にも言っていたかもしれませんがこの先も何回かこんなネタが続くと

思われますのでご容赦ください・・・。それでは本題に入ります。reactの話です。

 

あるコードをgitでマージして取り込んだ後にコンパイルした時の話です。その中でhrefタグで囲んだテキストをクリックすると次ページに

遷移してくれるようなコードを書いたのですがURLのみ変わりページ自体が遷移されないという事態に直面。以下ダメな例↓


<a href="#hoge">

これは、hogeの前に置いてあるシャープがコンポーネント生成を阻害したことで引き起こり、その存在を完全に忘れ去っていたことで

起きてしまったエラーです。遷移したい時は前のシャープを必ず消しましょう。必ずです。今まで自分はreactで使うRoutetとして

HushRouterを使っていたのでシャープが無視されて遷移できてしまっていたのだと思われます。

HushRouterを設定していると上の状態でも遷移してしまうので遷移させたくない時はBrowserRouterを使いましょう。

軽い気持ちで使わずに事前にきちんと調べておきましょうという感じです。(猛省)

 

二つ目はコンパイル時に起きたことなのですが、これもどのタイミングで起きたのかはっきり分からずに解決してしまったので詳細が

分かったらすぐに載せたいと思います。いつも通りcordova run androidをするとこんな感じで赤文字エラーが出ます。

直訳するとandroid-versionsが見つかりません、です。いつどのタイミングでこのパッケージが消失したのかはっきり言って全く分かりま

せん。プラットフォームも入れ直した状態ですし、gitでプルした後も動いていたのでいきなりのエラーに面食らってしまいまいました。

とりあえずサイトに書かれていた通りnpm install android-versionsでパッケージを入れ直して解決・・・しましたがどこかすっきりしない

ですwとりあえず困ったら大正義npm installしてしまいましょう、という感じです。

参考にさせていただいたサイトー>http://kaki.work/2018/07/31/cannot-find-module-android-versions-%E3%81%8C%E5%87%BA%E3%82%8B%E3%82%88%E3%81%86%E3%81%AB%E3%81%AA%E3%81%A3%E3%81%9F/

 

 

 

 

>株式会社シーポイントラボ

株式会社シーポイントラボ

TEL:053-543-9889
営業時間:9:00~18:00(月〜金)
住所:〒432-8003
   静岡県浜松市中央区和地山3-1-7
   浜松イノベーションキューブ 315
※ご来社の際はインターホンで「316」をお呼びください

CTR IMG