nuxt.js

ビジネス

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

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

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

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

【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...
開発関連

[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...
©2018 LLC Shimer-System.
image/svg+xml