nuxt.js

開発関連

Nuxt.jsでOut of memory・・・

Nuxt.jsでまさかのメモリエラーが出た際の記録です。先に結論を書くと、middlewareでstoreを参照した際なのかlayoutでstoreを参照したタイミングでエラーになり無限redirect loopしていたのが根本原因でした...
開発関連

node.jsのバージョンを上げる

macでは問題なくnuxt.jsが動くのに何故かDockerで謎のエラーがでるようになった時の記録です。 発生した問題 ある日突然axiosで通信するとこんなエラーが。。。 SyntaxError: Unexpected...
開発関連

[Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content.に対応する

ブラウザのコンソールにでてくるこの謎の警告の対応方法です。チームで開発してたりするといつのまにか出るようになってたりでけっこう厄介です。 : The client-side rendered virtual DOM tree is ...
開発関連

Nuxt2にバージョン上げたら@kazupon/vue-i18n-loaderが動かなくなった

Nuxt2にバージョンあげたらi18nタグが認識しなくなってしまった時の対処法方をまとめます。 nuxt.config.js moduleの定義は意味ないので削除。 module: { rules: [ //...
開発関連

【Nuxt.js/Vue.js】Dockerイメージを作る&サイズを小さくするコツ

Nuxt.jsをDockerで動かすための手順をまとめました。 ビルド用のshell docker内にソースをコピーしてビルドではなく、先にビルドしてからイメージを作ります。 #!/bin/sh APP_NAME=xx...
開発関連

【Nuxt.js】本番ではUnixドメインソケットを使う方法

Unixドメインソケットを使ったほうがTCPよりもパフォーマンスがいいので、Nuxt.jsを本番モードで動かす際にUnixドメインソケットに切り替える方法をまとめました。Unixドメインソケットについてはこの記事がわかりやすかったです。 ...
開発関連

Nuxtやその他ライブラリのバージョンを一気に上げる

長いこと放置していたアプリを久しぶりにまとめてアップデートする際に便利なパッケージの紹介です。package.jsonの中のライブラリをいっこずつチェックするなんて面倒くさいですからね。。。 準備 npm-check-upda...
開発関連

Nuxtでビルドするとvendor has been deprecated

いったい何時からでていたのか思い出せないのですがnuxt run buildするといつの間にか下のような警告がでるようになってました。 WARN vendor has been deprecated due to webpack...
ポートフォリオ

ミックスヘアデザインのHP

個人事業主としての最初の仕事として、ミックスヘアデザイン(美容室)のHPを作らせてもらいました。せっかくなので技術的なところを軽く紹介しようと思います。基本的にはホットペッパー beautyによせるのでシンプルなHPになってます。本当はB...
タイトルとURLをコピーしました