Vue.js

まとめ@import "../node_modules/folder/file.sass";

のように書かなくても

@import "~folder/file.sass";

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

背景

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

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

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

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

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

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

結論

ありがちなのが、

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

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

詳細

エラーメッセージが

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

現象

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

結論

計算式として 1980/12/12 が評価されてた。（ 1980 ÷ 12 ÷ 12 ＝ 13.75 ）

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

components: ,

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

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

 

正しくは

components: { myComponent } ...