When add image to edit button it display image as not defined or not clear why?

Question

I work on blazor server side . I face issue I can't add png edit image to button make edit image I need to edit button with extension png on wwwroot/img/edit.png what I try is

<button type="button"  data-bs-toggle="modal" data-bs-target="#exampleModal" @onclick="(()=> editClick(d))">
                                                        
                                                    <img src="/img/edit.png"/>
                                                        </button>

as image edit below it display as not defined so How to solve this issue ?

Image edit I added to button as below : https://filetransfer.io/manage-package/eP8Sfa3d

Answer 1

use the browsers network trace to see the error. also I see this is a bootstrap modal toggle. be sure the modal html is outside the blazor <app/> tag (not hosted by a blazor component).