Q&A
https://jp.vuejs.org/v2/guide/components-registration.html こちら参考にされてはいかがですか
Laravel5.6で、Vueの導入をしたいのですが、
サンプルのVueファイル ExampleComponent.vueファイルは表示できました。
しかし、自分で作成した Articles.vue ファイルの内容は表示されません。
resources/views/welcome.blade.php
php
1 <body> 2 <div id="app"> 3 <div class="container"> 4 <example-component></example-component> 5 <articles></articles> 6 </div> 7 </div> 8 <script src="{{ asset('js/app.js')}}"></script> 9 </body>
resources/assets/js/app.js
js
1require('./bootstrap'); 2 3window.Vue = require('vue'); 4 5Vue.component('articles', require('./components/Articles.vue')); 6Vue.component('example-component', require('./components/ExampleComponent.vue')); 7 8const app = new Vue({ 9 el: '#app' 10}); 11
エラー文
[Vue warn]: Unknown custom element: <articles> - did you register the component correctly? For recursive components, make sure to provide the "name" option. (found in <Root>)
app.jsにおいて、ExampleComponent.vueと同様にArticle.vueを記述しているのですが、
コンポーネントを正しく登録して下さいというエラーが出てしまいます。
app.jsにこのような記述をした後に、何か設定が要るのでしょうか。
追記
app.jsファイルの場所についてですが、
新しくassetsフォルダを作成し、
resources/js/app.js
↓
resources/assets/js/app.js
のように変更しています。
回答1件
0
-
npm run devを実行されていますか？ -
resources/js/のディレクトリ名を変更されたということですので、
ルートディレクトリの webpack.mix.js を変更すると良いでしょう
mix.js('resources/assets/js/app.js', 'public/js')
投稿2018/09/27 14:54
総合スコア30
あなたの回答
tips
プレビュー
