nuxt.js

開発関連

Nuxt.jsを2.11から2.15にバージョンアップしたら起動できなくなった

npm audit fixしてバージョンを一気に上げたらエラーが出て起動できなくなってしまったのでその時のメモ。ついでにNode.js v10のメンテナンスが2021-04-30で終了するのでバージョンアップする手順もまとめておきます。↓...
ビジネス

WordPressをNuxt.js使ってPWA化しました

Wordpressで作っていたホームページをPWA化しました
開発関連

【Nuxt.js】画面のリロード

ページをリロードする方法「location.reload()」を使うことで画面をリロードできます。更新処理をしたあとなどで、画面をリロードしたい時なんかに便利です。(window.locationを使うとstoreが消えるので注意)<scr...
スポンサーリンク
開発関連

【Vue/Nuxt.js】コンテキストルートをつけてstaticフォルダの画像を参照する

staticフォルダにあるファイルはルートに配置されるため、参照する際には@または~を使えばいいのですが、コンテキストルートを指定している場合は小細工が必要となります。ちょっとわかりずらかったので記録を残しておきます。コンテキストルートなし...
開発関連

Nuxt.jsでOut of memory・・・

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

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

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

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

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

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

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

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

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

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

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