Laravel和Vue：编译供应商软件包的Vue

Question

我正在Laravel中的一个项目上进行，并且我对供应商的一个软件包做了一些更改（当然，为了避免覆盖，我首先将其导出为新软件包）。 这是包的结构：

现在，“ webpack.mix”包含：

let mix = require('laravel-mix')

mix.js('resources/js/card.js', 'dist/js')
   .sass('resources/sass/card.scss', 'dist/css')

和card.js：

Nova.booting((Vue, router) => {
    Vue.component('dashboard-card', require('./components/Card'));
})

我正在尝试在Card.vue中所做的更改后构建vue，但没有任何效果，我尝试将其添加到app.js并从应用程序根目录npm run dev运行，成功了，但是dist js文件无法编译，当我尝试从软件包本身运行npm run dev时，它会启动，然后编写：

  

10％的建筑模块2/2模块0处于活动状态

并卡住。

你知道我应该怎么做才能编译这些资产吗？

谢谢您的帮助。

---

一个更新，现在通过将这一行添加到“ webpack.mix.js”中，构建成功：

mix.setPublicPath("./");

问题是，现在我在运行时有其他错误（在浏览器控制台中），它们是：

[Vue warn]: $attrs is readonly.

found in

---> <GridLayout> at GridLayout.vue
       <NovaCustomDashboardCard> at resources/js/components/Card.vue
         <CardWrapper>
           <Cards>
             <Anonymous>
               <Root> nova-custom-dashboard-card:16206:7
[Vue warn]: $listeners is readonly.

再次感谢您。