为Laravel Nova启用VueJS开发工具

为Laravel Nova启用VueJS开发工具,laravel,vue.js,vuejs2,laravel-nova,Laravel,Vue.js,Vuejs2,Laravel Nova,我想检查Laravel Novor自定义字段的基本行为,并尝试启用devtools。在右上角,我可以看到VueJS的绿色图标,但当我转到控制台时,没有VueJS选项卡 如何启用它并检查所有组件 干杯通过将Vue.config.devtools=true添加到MyComponent/resources/js/field.js,devtools可用 关闭控制台并再次打开,确保处于开发或监视模式。通过将Vue.config.devtools=true添加到MyComponent/resources/j

我想检查Laravel Novor自定义字段的基本行为,并尝试启用devtools。在右上角,我可以看到VueJS的绿色图标,但当我转到控制台时,没有VueJS选项卡

如何启用它并检查所有组件

干杯

通过将Vue.config.devtools=true添加到MyComponent/resources/js/field.js,devtools可用

关闭控制台并再次打开,确保处于开发或监视模式。

通过将Vue.config.devtools=true添加到MyComponent/resources/js/field.js,devtools可用

关闭控制台并再次打开,确保处于开发或监视模式。

尝试以下步骤:

尝试以下步骤:


如果单击Vue Devtools的图标,它是否会提供任何信息?您可能是在生产模式而不是开发模式下编译Vue。另外,我发现我随机需要隐藏然后再次显示控制台,以使Vue选项卡在Chrome中为我显示。谢谢提示!真正起作用的是重新启动Chrome。现在,我正在尝试自定义nova,看看它的行为是什么。如果单击Vue Devtools的图标,它是否提供了任何信息?您可能是在生产模式而不是开发模式下编译Vue。另外,我发现我随机需要隐藏然后再次显示控制台,以使Vue选项卡在Chrome中为我显示。谢谢提示!真正起作用的是重新启动Chrome。现在我正在尝试定制nova,看看它的行为。如果可以的话,请阅读文档!如果可以,请阅读文档!
cd ./vendor/laravel/nova
mv webpack.mix.js.dist webpack.mix.js
npm i
npm run dev
rm -rf node_modules
cd -
php artisan nova:publish