vendor:publish files not compiling with npm run dev

Have you included the script in your webpack.js file?

Do they not get included automatically when you run the vendor:publish command?

I've changed the js line in my webpack.mix.js file to:

.js(['resources/js/app.js','resources/assets/js/spark/auth/register-stripe.js'], 'public/js')

but it still doesn't work.

When you changed it did you run npm run dev again?

They are not automatically included when you publish. Check your browser console for any errors. And app.js should be after the register-stripe.js script, in your webpack.

It's very odd. It was working fine on my previous dev install without having to add anything to the webpack.mix.js file.

I'm running npm run dev after every change.

If I change the js line to:

.js(['resources/assets/js/spark/auth/register-stripe.js', 'resources/js/app.js'], 'public/js')

I get an error when loading the page about app.js being missing.

Can you try instead of js to use scripts instead.

it might have worked in a previous project if you added the script in the HTML file in the head. But just by publishing won't work for sure..

Nope, in my other VM (which I still have available) I just ran vendor:publish spark-js then I edited the files in resources/assets/js/spark, did npm run dev and everything worked.

I've compared the webpack.mix.js files and they are both the same. I have no idea what's different!

@mattltm compare your main layout file. Or the pages that use the spark script. There you will find this

<script src="register-stripe.js"></script>

or something along those lines. Because until you have the JS file included on your page, there is no way just with vendor:publish to work.

Thanks. I'll have another dig through my code!