Nuxt.jsの記事一覧

Nuxtをfirebaseにデプロイしたらたまに「cannot get /」になる

最初に調べたのですが、わからない。。諦めました。なにがあった？nuxtをfirebaseにdeployしたところちょいちょい「cannot get /」になることがありました。ちょいちょいと言ってもずっと(長時間)アクセ […]

Posted Date 7月 13th, 2019

Category in firebase, Nuxt.js

【Nuxt】scssとsassを混同させて失敗した。

いきさつもともと気分でscssとsassを混同させていた。なにがおきたかstyleResourcesを使用して共通の変数とかmixinをインポートしようとしたときに詰んだ。これはすべてのcss部分に共通のsass/scs […]

Posted Date 6月 29th, 2019

Category in Nuxt.js

Nuxt・Vueで画像の遅延読み込み

いきさつ遅延読み込みがしたいよーどうすればいいのー？解決方法いいかんじのライブラリみつけた。https://github.com/alexjoverm/v-lazy-imageIntersection Observer […]

Posted Date 6月 22nd, 2019

Category in Nuxt.js, Vue.js

【nuxt】トラッキングサービスのscriptを埋め込む

いきさつgoogle analyticｓをセッティングしないといけないことになった。面倒なことにgoogle analyticls以外もあるみたい。。どうしよう。。google analyticsの場合nuxt燻製のもの […]

Posted Date 6月 16th, 2019

Category in Nuxt.js

【Nuxt】Nuxt+typescriptでfetchが効かない。

答えvue-decoratorの中で書かないとダメみたい。参考https://github.com/nuxt/nuxt.js/issues/5330

Posted Date 6月 9th, 2019

Category in Nuxt.js

nuxt.js SSR 最初のlaoding…の画面のまま進まない・・・

結構ハマりました。。。ここね。。治す方法// Nuxt.js をオプションとともにインスタンス化する const config = require(“./nuxt.config.js”); confi […]

Posted Date 6月 1st, 2019

Category in Nuxt.js

Nuxt.js+typescriptの際のgetterの使用方法

l## いきさつ公式のところにどうやって使うのかの例がのってなかったので少しハマりました。これでいけた//store側 // in the ファイル.ts export const getters = […]

Posted Date 5月 3rd, 2019

Category in JavaScript, Nuxt.js, TypeScript, Vue.js

既存のvue.jsをnuxt.jsに移行する際のベストプラクティス

はじめにvueでやろうと思ったけどやっぱサーバーサイドでレダリングしたいからNuxt使ったほうが良さそうだな…というかわけで既存のvueをNuxtにしたいわけだけどどうやったらいい感じになるんですか？おそらく […]

Posted Date 1月 3rd, 2019

Category in Nuxt.js, Vue.js

vue-property-decoratorで他のcomponentを読み込む

やりたいことこれのTypeScript バージョン import Logo from ‘~/components/Logo.vue’ export defaul […]

Posted Date 1月 25th, 2020

Category in Nuxt.js, Vue.js

【Nuxt】スワイプイベントを考える・ライブラリ選定

なにしたいのかスワイプでなんかいいかんじにしたいどうすればいいのか・案の作成vue-touch最初はこれ使おうとしたんですけど This plugin is deprecated and not maintained a […]

Posted Date 6月 30th, 2019

Category in Nuxt.js, Vue.js

firebaseでエラーがでるときにエラーの詳細を見る

いきさつfirebaseすぐこの画面になる。。。。しかもfirebaseコンソールのエラー表示もない。。。500エラーってことしかわからん。。。どうしたらいいの。。。こうしたらできた。curlつかったらいいかんじにかえっ […]

Posted Date 6月 22nd, 2019

Category in firebase, Nuxt.js, Vue.js

nuxt+typescriptでlayoutプロパティを有効にする

ｆ## いきさつなんかふつーにpublic layouts = “foo_layout” みたいな感じにしたら。。。。効かない。。こうするpublic static layout = ” […]

Posted Date 6月 16th, 2019

Category in Nuxt.js

【nuxt】headタグを動的にする方法

headメソッドを使う各pageコンポーネントの中でheadタグを使用して設定することができます。たぶん例を見たほうがわかりやすいですexport default { data () { retu […]

Posted Date 6月 16th, 2019

Category in Nuxt.js

【Nuxt】組み込み済みの環境変数「process.env.NODE_ENV」

組み込みらしいです。おそらくnuxt コマンドの場合process.env.NODE_ENV === development nuxt build コマンドの場合process.env.NODE_E […]

Posted Date 6月 8th, 2019

Category in Nuxt.js

Nuxt + Typescript でlayoutプロパティが効かない・・

現象開発環境ではレイアウトきいているのだが、ターミナルの方にはエラーメッセージ。nuxt buildもそれでコケる。エラー内容 Argument of type ‘{ layout: string; }’ is not […]

Posted Date 5月 6th, 2019

Category in Nuxt.js

Hello Nuxt js

はじめにNuxt.jsとは？vue.jsをこういうふうに使ったほうがいいよ！みたいなやーつ。読み方は？インストールインストールしたのでdev_server起動してみるcd {プロジェクトname}npm run devデ […]

Posted Date 1月 3rd, 2019

Category in Nuxt.js, Vue.js

Devsway

日々の記録とか記憶とか。

Nuxt.js 記事一覧