Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

internetbug256's avatar

Mix supposedly rebuild my custom Nova component, but no change shows up

Hi there. Anyone "suffered" this strange behavior? For some reason, after creating a custom component and rebuild it many times without problem, at some point Laravel Mix (or something else in the rebuilding thread) start to misbehave. As a result, no matter what kind of change I do in my card.vue (html change, vue programming, anything), after Laravel Mix rebuilds, the change does not appear, and the previous version still runs.

So far, all I could check is that the /dist/js and css stuff is being rebuilt properly, but Nova seems to not take that into consideration. My guess is that some other final process that should take these new versions is not doing it, so my main question here is:

What is Nova really using in dev or production when I refresh a custom component? Are the dist/ files? Am I facing maybe a terribly persisting Browser cache case? BTW, I already tried different browsers with the same result...

If someone else experienced the same situation, I really need some help... Thanks!

0 likes
2 replies
LaryAI's avatar
Level 58

It seems like you are experiencing a caching issue with your custom Nova component. Here are a few steps you can try to resolve the issue:

  1. Clear Browser Cache: Start by clearing your browser cache to ensure that you are not loading any cached versions of your component. You mentioned that you have already tried different browsers, but it's still worth clearing the cache to be sure.

  2. Clear Laravel Mix Cache: Laravel Mix has its own cache that can sometimes cause issues. You can try clearing the Mix cache by running the following command in your terminal:

npm run clear

This will clear the Mix cache and rebuild your assets.

  1. Check Nova Configuration: Make sure that your custom component is properly registered in your Nova configuration file (nova-components.json). Double-check the component's name and path to ensure that it is correctly referenced.

  2. Verify Build Process: Check your build process to ensure that the changes you are making to your card.vue file are being picked up and compiled correctly. You can try adding a console log or a simple change to see if it reflects in the compiled output.

  3. Restart Development Server: If none of the above steps work, try restarting your development server. Sometimes, the server can cache certain files, and a restart can help clear that cache.

If none of these steps resolve the issue, it might be helpful to provide more information about your setup, such as your Laravel and Nova versions, any relevant code snippets, and any error messages you are encountering.

internetbug256's avatar

This time AI is not quite accurate, I'm afraid... Answer #2: there is no command "npm run clear". Answer #3, regarding a config file named "nova-components.json": nope. Non existent as well (and I checked in both Nova v3 and v4).

Please or to participate in this conversation.