Vue Dev tools and development errors are not showing

[tschams]

• Laravel Version: 7
• Nova Version: 3
• PHP Version: 7.4
• Database Driver & Version: mysql
• Operating System and Version: ubuntu 21.10
• Browser type and version: chrome

The Vue Dev tools are not showing although I used the following documentation instructions without errors?

I ran cd ./vendor/laravel/nova mv webpack.mix.js.dist webpack.mix.js npm install npm run dev rm -rf node_modules cd - php artisan nova:publish.

And I compiled my custom tools with yarn run dev.

(https://nova.laravel.com/docs/3.0/customization/frontend.html)

I am also therefore not getting development errors.
I see all the compiled files are development files not production files as they are not minified.
My webpack.mix.js file in the vendor/laravel/nova folder is mix .js('resources/js/app.js', 'public/js') .sass('resources/sass/app.scss', 'public/css') .webpackConfig({ resolve: { alias: { '@': path.resolve(__dirname, 'resources/js'), }, }, }) .
I can't run npm install in the vendor/laravel/nova though without running yarn first, but afterward, it does run without errors. I imagine this is why I can't see any changes that I try to make to nova vendor files for testing.

[tschams]

The issue is resolved as I had the wrong webpack.mix.js file.

[tschams]

On the related subject though, is hot module reloading supposed to work, as I can only run watch-poll on my tools? Is my issue that nova has too many files, so I have to configure it?