Items from assets directory not showing in either ionic serve or ionic cordova run

General Tech Bugs & Fixes 2 years ago

1 1 0 0 0 tuteeHUB earn credit +10 pts

5 Star Rating 1 Rating

Posted on 01 Sep 2022, this text provides information on Bugs & Fixes related to General Tech. Please note that while accuracy is prioritized, the data presented might not be entirely correct or up-to-date. This information is offered for general knowledge and informational purposes only, and should not be considered as a substitute for professional advice.

Take Quiz To Earn Credits!

Turn Your Knowledge into Earnings.

tuteehub_quiz

Answers (1)

Post Answer
profilepic.png
manpreet Tuteehub forum best answer Best Answer 2 years ago

 

Images and svgs from assets directory are not showing in the ionic serve. Seems the assets folder is not copying in the www directory during build.

My project directory structure is:
-src
--app
--assets
---icon
---svg
--environments
--theme

I have already tried adjusting the src location of the images and svgs. But it seems none of them worked!

Path that I already tried:
assests/
/assests/
./assests/
../assests/
../../assests/

Error in the console says: 
GET http://localhost:8100/icon/cash-round.png 404 (Not Found)
GET http://localhost:8100/svg/md-apps.svg 404 (Not Found)
GET http://localhost:8100/svg/md-send.svg 404 (Not Found)

Here is the code of the html file:


    
        
             Welcome
        
    



    
        
            Get Started
            Welcome to Ionic
        
        
            

Now that your app has been created, you'll want to start building out features and components. Check out some of the resources below for next steps.

<button id="demo">Click mebutton>

Let me know if I have to install any package to show image or changes in the other files like package.json or angular.json

No matter what stage you're at in your education or career, TuteeHub will help you reach the next level that you're aiming for. Simply,Choose a subject/topic and get started in self-paced practice sessions to improve your knowledge and scores.