Laravel Nova 重写 vue 组件导致 [Vue warn]: 错误编译模板

Question

我想使用它来实现用户指南 https://github.com/shipshapecode/vue-shepherd 在我的新星上。

我将文件 webpack.mix.js.dist 更改为 webpack.mix.js（在 nova 目录中）。

然后我做了:

npm install
npm run watch

并对 /nova/resources/js/views/index.vue 做了一些改动还有 /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();
    });
  },

那我运行

php artisan nova:publish

但现在我的控制台出现了这个错误

为什么会发生这种情况以及如何避免该错误？谢谢

Answer 1

你的 svg 中有标签样式，vue 不允许使用标签和 inside ，所以，

从您的 svg 中删除标签
或用作

Laravel Nova 重写 vue 组件导致 [Vue warn]: 错误编译模板

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

javascript

laravel

vue.js

vue-component

laravel-nova