Nuxt.js
コンテナでは起動を確認できる( docker-compose exec [コンテナ名] bash で、 curl localhost:8080 とすると起動してればhtmlが返る )のに、ホスト側で見れない。 package.json を以下のように書き換えたら見られるようになった。 # これを "scripts": { "de…
throw new SAOError(`Failed to install ${packageName} in ${cwd}`) とか出て進まない。メッセージ違うけど、前もあったなこれ・・・ 今回はESListを外したら成功しました。成功した組み合わせ置いておきます。 ? Choose the package manager Yarn ? Choose…
axiosでAPIにアクセスするとき、エラーレスポンスをハンドリングすることは出来るんだけど、接続エラーなどの、サーバーからレスポンスが何も帰ってこないエラー(ネットワークエラー)は onError にも onResponse にも入ってこない。 // @/plugins/axios.js e…
Vue.js 開発環境で、chromeアップデートしたら Unchecked runtime.lastError: The message port closed before a response was received. がコンソールに出るようになった。 ぐぐると拡張機能のどれかが影響して出ているらしい。 でも、環境によって犯人が異…
なぜかうまくいかず時間がかかったのでメモ こういうページネーションのコンポーネントのテストを書くとき、 コンポーネントのpropsには以下のような値(現在のページ,ページあたりの件数,トータル件数)を設定できるとして <Pagination :config="{ current: 1, limit: 20, total: 100 }" @movePage="load" /> propsに値を設定したことを受け、w</pagination>…
よくあるSPAのドロップダウン。 ドロップダウンだ <n-link class="navbar-link" to="/members"> <span class="icon is-medium"> <i class="fas fa-lg fa-user"></i> </span> <span>メンバー管理</span> </n-link> <div class="navbar-dropdown"> <n-link class="navbar-item" to="/members">メンバー一覧</n-link> </div>
storeの中に new Vuex.Store を返す index.js を作成したらエラー ファイル名を store/index.js から store/store.js に変えたら直った。 store/index.js はNuxtの中では特別な意味があるファイルなのか。 ja.nuxtjs.org
直したいこと サンプルで入ってるvueファイルにVSCodeのフォーマッターをかけただけで怒涛のエラー⚡️ 解決策 Vetur というプラグインを入れて VSCodeの設定ファイル settings.json に以下の1行を追記したら治ります //settings.json { "vetur.format.default…
ぐぐると extract-text-webpack-plugin を devDependencies に追加すると治るよとか書いてあるけど治らなくて、 セットアップオプションの「PWA」を外したらエラーしなくなった。 今回はPWA使わない予定だから良いのだけども、なんだかきもちわるい。 でも同…
こちらを参考に触ってみました。 qiita.com スゴイ①: 導入がかんたん ↓だけでどういうものか確認できる。 npm i -g vue-cli vue init nuxt/starter nuxt-starter cd nuxt-starter npm i npm run dev #=> http://localhost:3000 スゴイ②: チルダ ~ がドキュメント…