为 Laravel Nova 启用 VueJS DevTools

Question

我想检查 Laravel Nova（或自定义字段）的基本行为，我正在尝试启用开发工具。在右上角，我可以看到 VueJS 的绿色图标，但是当我转到控制台时，没有 VueJS 的选项卡

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

干杯

Answer 1

通过将 Vue.config.devtools = true 添加到 MyComponent/resources/js/filed.js，开发工具可用。

关闭控制台并再次打开，确保您处于开发或观看模式。

Answer 2

试试这些步骤：

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

Answer 3

您可以通过将 Vue.config.devtools = true 添加到文件来执行此操作：/nova/resources/js/app.js

确保导航至 /nova 和运行 npm run dev

最后重启你的chrome。

Note: Only do this in your local environment and do not push it to production server

Enable VueJS DevTools for Laravel Nova