Laravel Nova 覆盖 vue 组件导致 [Vue 警告]：编译模板时出错

Posted 2023-02-23

技术标签:

【中文标题】Laravel Nova 覆盖 vue 组件导致 [Vue 警告]：编译模板时出错【英文标题】：Laravel Nova override vue component resulting [Vue warn]: Error compiling template 【发布时间】：2021-06-08 01:00:02 【问题描述】：

我想使用它来实现用户指南 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();
    );
  ,

然后我跑