Блог

Кроме того resources/js/components , у меня есть welcome.vue файл с таким содержимым:

 <template>
    <div>

    </div>
</template>

<script>
export default {

}
</script>
 

я определил папки в webpack.mix.js этой конфигурации:

 const mix = require('laravel-mix');
const path = require('path');

mix
    .js('resources/js/main.js','public/js')
    .js('resources/js/service-providers.js','public/js')
    .sass('resources/sass/app.scss','public/css')
    .webpackConfig({
            resolve: {
                alias: {
                    //'@Services': path.resolve(__dirname, 'resources/js/services'),
                    //'@Components': path.resolve(__dirname, 'resources/js/components')
                    '@Service': path.resolve(__dirname, 'resources/js/services'),
                    '@Component': path.resolve(__dirname, 'resources/js/components')
                }
            }
        }
    );

 

service-providers.js содержимое файла:

 require('@Service/welcome-page')
 

структура папок:

теперь, когда я пытаюсь добавить компонент VueJs с помощью этого кода, который находится в welcome-page.js :

 Vue.component('welcome-page', () => import('@Component/welcome'))
 

я получаю эту ошибку:

 ERROR in ./resources/js/service-providers.js 1:0-33
Module not found: Error: Can't resolve '@Services/welcome-page' in '/var/www/resources/js'