为 Laravel Nova 启用 VueJS DevTools

Question

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

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

干杯

Answer 1

尝试以下步骤：

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 2

通过将Vue.config.devtools = true添加到 MyComponent/resources/js/filed.js，可以使用 devtools。

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

Answer 3

你可以通过在文件中添加Vue.config.devtools = true来做到这一点： /nova/resources/js/app.js

确保导航到/nova并运行npm run dev

最后重启你的 chrome。

注意：仅在您的本地环境中执行此操作，不要将其推送到生产服务器