Laravel Nova: Build Components

Question

First post.

I'm currently building a Laravel Nova application. I'm making changes to the dashboard component - more specifically the file within the "resources/js/views/Dashboard.vue".

I'm struggling to build the component - does anyone know how to build the component? I have some code which runs webpack.mix to build my JS and SCSS files, but I'm pretty sure it doesn't include the files within the Laravel Nova instance.

Any help will be great.

EXTRA:

I've already tried run the webpack command to build from inside the Laravel Nova instance but it errors out.

What errors ? nova.laravel.com/docs/1.0/customization/tools.html#assets — Clément Baconnier
– Clément Baconnier, Commented Sep 24, 2018 at 11:36
@cbaconnier The error I'm experiencing is "Cannot find module '/nova/webpack.mix' " after cd'ing into the nova folder and running NPM RUN DEV. — Tom Hemus
– Tom Hemus, Commented Sep 24, 2018 at 11:56

Tom Hemus · Accepted Answer · 2018-09-24 15:40:01Z

7

UPDATE

I found renaming my webpack.mix.js.dist to webpack.mix.js, running npm run dev whilst within the ./nova directory worked... but only after running php artisan nova:publish

I've wrote a command to compile all these steps but do I have to run php artisan nova:publish everytime, just seems...tedious?

answered Sep 24, 2018 at 15:40

Tom Hemus

1252 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Oleksandr Roskovynskyi · Accepted Answer · 2020-01-19 08:21:53Z

5

By default, Nova's JavaScript is compiled for production. As such, you will not be able to access the Vue DevTools out of the box without compiling Nova's JavaScript for development. To accomplish this, you may use the following terminal commands from the root of your Nova project:

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

Details: https://nova.laravel.com/docs/2.0/customization/frontend.html#vue-devtools

answered Jan 19, 2020 at 8:21

Oleksandr Roskovynskyi

4294 silver badges9 bronze badges

Collectives™ on Stack Overflow

Laravel Nova: Build Components

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related