Laravel Nova override vue component resulting [Vue warn]: Error compiling template

Question

I'd like to implement a user guide using this https://github.com/shipshapecode/vue-shepherd on my nova.

I changed a file webpack.mix.js.dist to webpack.mix.js (inside nova directory).

Then I did :

npm install
npm run watch

and made some changes in /nova/resources/js/views/index.vue and also /nova/resources/js/components.js

/nova/resources/js/components.js

import VueShepherd from 'vue-shepherd'

Vue.use(VueShepherd)

/nova/resources/js/views/index.vue

 mounted() {
    this.$nextTick(() => {
      const tour = this.$shepherd({
        useModalOverlay: true
      });
      console.log(tour);

      tour.addStep({
        attachTo: { element: this.$el, on: 'top' },
        text: 'Test'
      });

      tour.start();
    });
  },

Then I run

php artisan nova:publish

But now I got this error on my console

why it's happening and how to avoid that error? Thanks

Ярослав · Accepted Answer · 2021-05-19 14:27:05Z

2

You have tag style in your svg, vue does not allow to use tags and inside , so,

remove tag from your svg
or use it as

answered May 19, 2021 at 14:27

Ярослав

362 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Laravel Nova override vue component resulting [Vue warn]: Error compiling template

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related