Running into an issue where the app.vue file cannot be found in the app.js. I'm using Laravel version "8.31.0" and VueJS version "^2.6.12". Any assistance would be highly appreciated.
The content of app.js is:
require('./bootstrap');
import Vue from 'vue';
import App from './vue/app';
const app = new Vue({
el: '#app',
components: { App }
});
The content of app.vue is:
<template>
<div>
Hello
</div>
</template>
<script>
export default {
}
</script>
<style scoped>
</style>
The webpack.mix.js configuration is as follows:
mix.js('resources/js/app.js', 'public/js').vue()
.postCss('resources/css/app.css', 'public/css', [
//
]);