基づいたプログレッシブフレームワークです。PostCSS)に基づいています。開発を強力かつ高性能にすることです。フレームワークによって設計やコーディングルールを矯正される面が大いにあるため、PureなVue.jsの導入を検討する際にも引き合いに出されることが多い印象。最近開発を手伝っている案件でも、Nuxt.js(TypeScript)が採用されており、ちょくちょく触ることがある。Componentとしてdatepickerを提供するnpmモジュール。Component提供されるdatepickerの中ではダウンロード数も多く優勢。個人的にも以前別のプロジェクトで使ったことがあり、シンプルなAPIが使いやすく気に入っていたこともあり、今回もNuxt.jsと組み合わせて導入することにした。デフォルトのUIが結構簡素なものなので、カスタムCSSを当てて見た目は自前で作り込んで上げる必要がある。defined何も考えずvuejs-datepickerのドキュメントに沿って、対象のComponentにdatepickerをimportとして動作確認しようとすると、次のようなエラーが発生する。いいが、Nuxt.jsのエラー画面はさすが優れた開発者エクスペリエンスを念頭に置き開発されたアプリケーションフレームワークと歌っているだけのことがある。definedこれは、クライアントサイドJavaScriptで動作することを前提としたモジュールをサーバーサイドレンダリングで動作させようとして、ブラウザオブジェクト(今回の場合documentオブジェクト)にアクセスしようとするも、失敗したことに起因するエラーっぽい。問題を解決する方法は次のような手順でdatepickerを使用すればよい。最初から順を追って説明する。内容を次のように定義する。コンポーネントを利用する。/></client-only>こうすることで、意図的にクライアントサイドレンダリングでdatapickerを利用するようにすることができる。RPCを使ったチャットのサンプルフロントエンドエンジニアのAWSとの付き合い方について月別アーカイブはてなブログをはじめよう!daikiojmさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。