野球リーグスコア管理システムとキャップ野球情報局に関する進捗です。
旧システムについてはこちらの記事をご覧ください。
手軽に円形メニュー(Circular Menu)を提供できるライブラリ。
react-planetではリサイズイベントをResizeObseverによって検知しています。
ただし、ResizeObserverはsafari 13.1以降に対応しています。
手元にあるiPhone5Sはsafari12系でした。
react-planet
┗ use-resize-observer
┗ resize-observer-polyfill
今回、おそらく動いていないのはresize-observer-polyfillのようです。
きちんとメンテされてそうなのはこれ。
resize-observer
ただ、use-resize-observerのソースを書き換えて、
react-planetのdependencyも変えないといけないので一旦調査してエラー回避する方向で終了。
TopMenuコンポーネントの中でreact-planetを使っています。
{typeof ResizeObserver !== 'undefined'
?
<div id="topMenu">
<TopMenu/>
</div>
:<></>
}
2020/6/15にNetlifyの仕様が変わったのが原因でソースの警告があるとビルドが通らなくなる現象が発生している模様。
(元のビルドコマンドがnpm run buildの場合)
Build Commandを「CI = npm run build」に変更する。
その他コンフィグの設定方法が変わってきているようなのでリリースなどがある場合は要注意かも。