LIFF( https://www.npmjs.com/package/@line/liff )でwindow
が使われているので普通にimport liff from '@line/liff'
とすると怒られます。思いついた選択肢は、
-
next/dynamic
( https://nextjs.org/docs/advanced-features/dynamic-import )でなんとかする。 -
useEffect
でimport('@line/liff')
する。 - npmパッケージを使うのは諦めて、
_document
でCDNから落とす。
今回は2でやってみました。