前提・実現したいこと
Homestead(vagrant)で作成したLaravel5.8環境でVue.jsを使えるようにしたいです。
以前、vagrantではなくMacのLocal上にLaravelの環境を作ってphp artisan serve したときはうまくいったんですが。。
発生している問題・エラーメッセージ
Laravelにはデフォルトでexample-componentというコンポーネントがあると思いますが、それを表示できません。
Chromeのvue.js devtoolにも「vue.js is not detected」と表示されます。
該当のソースコード
blade
1<div id="app"> 2 <example-component></example-component> 3</div> 4<script src="{{ mix('js/app.js') }}"></script>
js
1//app.js 2 3import Vue from 'vue' 4 5require('./bootstrap'); 6require('./main'); 7 8window.Vue = require('vue'); 9 10Vue.component('example-component', require('./components/ExampleComponent.vue').default); 11 12const app = new Vue({ 13 el: '#app', 14}); 15
component
1//ExampleComponent.vue 2<template> 3 <div class="container"> 4 <div class="row justify-content-center"> 5 <div class="col-md-8"> 6 <div class="card"> 7 <div class="card-header">Example Component</div> 8 9 <div class="card-body"> 10 I'm an example component. 11 </div> 12 </div> 13 </div> 14 </div> 15 </div> 16</template> 17 18<script> 19 export default { 20 mounted() { 21 console.log('Component mounted.') 22 } 23 } 24</script> 25
試したこと
scriptにdeferを付けてみたりしました。ダメでした。
<script src="{{ mix('js/app.js') }}" defer></script>
補足情報(FW/ツールのバージョンなど)
※host側で常にnpm run watch しています。
※vagrant側でphp artisan serveして、http://127.0.0.1:8000/で開発しています。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。