Recently, I decided to incorporate a user guide into my nova using the following Vue Shepherd library.
To make this work, I made some adjustments in the files within the nova directory. One of these changes involved renaming the file "webpack.mix.js.dist" to "webpack.mix.js".
After that, I executed the following commands:
npm install
npm run watch
I also modified the files located at /nova/resources/js/views/index.vue and /nova/resources/js/components.js.
Within /nova/resources/js/components.js, I added the following code:
import VueShepherd from 'vue-shepherd'
Vue.use(VueShepherd)
In the file /nova/resources/js/views/index.vue, I included the following script:
mounted() {
this.$nextTick(() => {
const tour = this.$shepherd({
useModalOverlay: true
});
console.log(tour);
tour.addStep({
attachTo: { element: this.$el, on: 'top' },
text: 'Test'
});
tour.start();
});
},
Subsequently, I ran the command:
php artisan nova:publish
Unfortunately, upon checking my console, I encountered the following error message: https://i.stack.imgur.com/bmzO0.png
I am currently puzzled as to why this error is occurring and how I can prevent it from happening again. Any insights or suggestions would be greatly appreciated. Thank you!