Hey there — nice post and welcome to front-end dev! 🎉

I recently worked with Metronic myself (v9.2.0) on a Symfony project and hit a similar issue with assets: the CSS of one vendor referencing an image that didn’t exist in the expected path. In my case the fix was two-fold:

Check the vendor asset paths — open vendors/leaflet/leaflet.bundle.css (or whichever CSS is complaining) and search for the url(...) that’s giving the error (in your case images/layers.png). Confirm whether that path exists under assets/vendors/leaflet/images/layers.png.

If the file is missing, you have a couple of options:

Copy the missing file from the original theme distribution (if you still have it) into the correct path.

Or adjust the CSS to point to a location where the image does exist (or where you’ve placed it). For example update url("images/layers.png") → url("../some-other-path/layers.png").

As for your other question — yes, I’d recommend copying over package-lock.json, postcss.config.js, prettier.config.js, webpack.vendors.js (and any other config files from the original theme) into your my_project directory, run npm install, then build the assets via Webpack or whatever builder Metronic uses. That ensures all dependencies and build steps align properly with the theme’s expectations.

One extra tip: clear Symfony’s asset cache with php bin/console cache:clear --env=prod (or whatever environment) after the assets compile, and make sure asset-map:compile is pointed to the directory where the built assets live (in your case my_project/assets).

Hope that helps you unblock it — feel free to drop the exact error or path if you’re still stuck and we’ll dig deeper. Good luck!

P.S. If you’re looking for extra examples or reference themes that integrate Metronic + Symfony, check out this site:
— might not be exactly Metronic specific, but the asset / build patterns there helped me clarify a few things.

Hi

In /metronic-tailwind-html/webpack.vendors.js. It seems missing leaflet images.

leaflet: [
{
src: ["node_modules/leaflet/dist/leaflet.css"],
dist: "/vendors/leaflet/leaflet.bundle.css",
bundle: true,
},
{
src: [
"node_modules/leaflet/dist/leaflet.js",
"node_modules/esri-leaflet/dist/esri-leaflet.js",
"node_modules/esri-leaflet-geocoder/dist/esri-leaflet-geocoder.js",
],
dist: "/vendors/leaflet/leaflet.bundle.js",
bundle: true,
},
{
src: ["node_modules/leaflet/dist/images"],
dist: "/vendors/leaflet/images",
},
],