Vue/Nuxt

Vue/Nuxt

【Vue.js】「 TypeError: ***** is not a function」とエラーになるときの確認事項!

2021/2/23  

あきぞらです。 Vue.jsで開発をしていて、何度かエラーに遭遇することがあります。 先日、発生したエラーは以下のようなものです。 TypeError: *****(定義したメソッド名) is not ...

Vue/Nuxt

【Vue.js】「[Vue warn]: Invalid component name: "0".〜」のエラーが出たら確認すること

2021/2/21  

あきぞらです。 Vue.jsでの開発をしていたとき、ブラウザのコンソールに表題のようなエラーが発生しました。 少しハマったのですが、 かなりの凡ミスですぐに解決ができたので今回はこのエラーについて紹介 ...

Vue/Nuxt

【npm】「Node Sass does not yet support your current environment: OS X 64-bit with Unsupported runtime (88)」エラーの解消方法

2021/2/21  

あきぞらです。 フロント開発をしていてnpm run dev を実行しようとしたときに、 表題のエラーが発生しました。 nodeのバージョンを上げたことによるエラーでしたが、今回はその対処方法を書いて ...

Vue/Nuxt

【Nuxt/Vue】v-ifを使ってコンポーネントの表示を動的にする

2021/2/18  

あきぞらです。 今回は、Vue.jsでv-ifを使ってコンポーネントの表示・非表示を動的に行う方法を紹介していきます。 v-ifを使ってコンポーネントの表示・非表示を動的に行う v-ifを使って、以下 ...

Vue/Nuxt

【Vue/Nuxt】改行含む文字列を画面(HTML)に出力する方法!

2021/3/13  

あきぞらです。 Vueで開発をしていて、改行を(\n、\rなど)含む値を画面に表示させたい場面がありました。 今回はその方法について紹介していきます。 v-htmlと<br>を使って表示さ ...

Vue/Nuxt

【Nuxt/Vue】イベントリスナーを設置したらbeforeDestoryでクリア処理をいれよう

2021/2/5  

あきぞらです。 Vueで開発をしていた時に、 クリックイベントなどのイベントリスナーがページ遷移をしても終了しないという事象がありました。 今回はその対処方法について紹介していきます。 イベントリスナ ...

Vue/Nuxt

【Nuxt.js】nuxt generateで作成した静的ファイルをサーバーでホスティングする方法!

2021/2/24  

あきぞらです。 Nuxt.jsで開発をしていて、 npm run generate(nuxt generate)で作成したファイルをホスティングしたい時がありました。 選択肢だけで言えば、 Netli ...

Vue/Nuxt プログラミング

【npm】すでにインストール済のパッケージを確認する方法!

2021/1/27  

あきぞらです。 Nuxt.jsの開発をしていて、 npmでインストールしたものを確認したい場面がありました。 今日はその方法について、紹介していきます。 npm ls コマンドで一覧を確認できる 以下 ...

Vue/Nuxt

【aws】【Amplify】【Nuxt】リポジトリに複数のアプリがある場合にフロントエンドのフォルダだけ設定する方法!

2021/2/24  

あきぞらです。 awsのAmplifyという機能を使って、 試験的にNuxt.jsアプリのデプロイをしてみようと思いました。 Amazon Web Services, Inc.  44&nb ...

Vue/Nuxt プログラミング

【Nuxt.js】nodemonを使ってnuxt start を自動起動させる!

2021/1/27  

あきぞらです。 Nuxt.jsの開発を進めていて、 サーバーで実行しているnuxt start(もしくはnpm run startなど)を 自動で起動させるようにしたい場面がありました。 そんなときn ...

Copyright© あきぞらてっく , 2021 All Rights Reserved Powered by AFFINGER5.