Vue.jsImport,JavaScript,Vue.js

Thumbnail of post image 013
まとめ@import "../node_modules/folder/file.sass";

のように書かなくても

@import "~folder/file.sass";

と書けば sass-loader がよしなに解決してくれる。

背景

Vue CLI でサイトを作っていたのですが、機能をだいだい実装し終わって、じゃデザインに…と思ったところで、さすがにゼロから自分で ...

Vue.jsFirebase,JavaScript,Vue.js,Webサービス

Thumbnail of post image 026

「みんなのITもくもく会】自己紹介 Advent Calendar 2020」参加記事ですー!

さいきんちょくちょく参加させて頂いている みんなのもくもく会。

良い感じで平日の朝に個人開発を進める習慣が身に付いてきております。

主催されている Asukaさん (@asuka4624254)  に感謝!🙏

さて、昨日は、 あーたんさんの ダイレク ...

Vue.jsJavaScript,Nuxt.js,Vue.js

Thumbnail of post image 110
結論

ありがちなのが、

「このコンポーネント、イラネ」

ってimport文とか消しておきながら、 components: {} 内の指定を削除し忘れてるパターン。

詳細

エラーメッセージが

vue.runtime.esm.js:619 : Failed to mount component: template or render function not define ...

Laravel,Vue.jsBlade,JavaScript,Laravel,PHP,Vue.js,,日付

Thumbnail of post image 066

現象

“1980/12/12” って日付を渡してるはずなのに Vue 側で 13.75 とか表示されてしまう。

結論

計算式として 1980/12/12 が評価されてた。( 1980 ÷ 12 ÷ 12 = 13.75 )

詳細Blade側<mycomponent :birthday={{$birth}}></mycomponent&g ...

Vue.jsJavaScript,Vue.js

Thumbnail of post image 085

components: ,

ってやってたらこんなエラーが。

: Invalid component name: "0". Component names should conform to valid custom element name in html5 specification.

 

正しくは

components: { myComponent } ...