如何将Vue组件添加到laravel中的app.js文件中？

Question

我正在观看使用laravel和vue的教程，在教程中他在components文件夹中添加了vue组件，然后使用此代码在app.js文件中注册该组件

Vue.component('articles',require('./components/articles.vue');

它工作正常，在我使用此代码的情况下，它会显示require is not defined。 在app.js文件中，已经使用此代码注册了一个示例组件

Vue.component('example-component',__webpack_require__(37));

我的问题是号码37如何定义ExampleComponent.vue文件？我怎样才能获得我想要包含的文件的编号？而且我没有webpack CLI 谢谢

Answer 1

看起来我一直在使用错误的app.js文件，它位于公共目录中我应该将这些代码添加到位于组件目录中的app.js

Answer 2

你应该试试

import YourComponent from 'path';
new Vue({

  components: {
   "your-component": YourComponent

});