Metronic Angular Theme – Missing Files and Navigation Issue
Here’s your merged and polished version of the message:
⸻
I purchased the Metronic theme from ThemeForest, but after downloading the files, I noticed that the Angular folder was missing. I followed the instructions from this guide: Metronic Angular Integration to install the Angular theme. However, the page content is not displaying and navigation between links is not working.
I’ve made sure to follow the same structure and guidelines provided, but the issue persists. Here’s a recording of the problem for reference:
"
Could you please help me resolve this issue?
Replies (1)
Hi Talha Ikram
The issue is that your Angular app is missing the core Metronic assets. Here's what you need to do:
Locate Your Metronic Assets: You need to find the dist/assets folder from your purchased Metronic Tailwind HTML package. This should contain:
- css/styles.css (main Metronic styles)
- vendors/keenicons/styles.bundle.css (icon styles)
- js/core.bundle.js (core JavaScript functionality)
- media/ folder (images and other assets)
Copy Assets to Angular App: Copy the contents of dist/assets from your Metronic package into src/assets in your Angular project. This will overwrite the existing empty assets folder.
Update angular.json Configuration: The boilerplate should automatically reference these files, but verify that your angular.json includes the proper styles and scripts arrays.
Restart Development Server: After copying the assets, run npm install and ng serve to restart your development server.
