мой файл JavaScript P5 не работает внутри частичного просмотра в ядре asp.net MVC

Question

У меня есть проект в ядре asp.net.Мне нужно было остановить перезагрузку navbar на всех страницах, поэтому мне пришлось загружать свои страницы с помощью ajax в виде частичного просмотра.У меня есть некоторые javascript на моих страницах, когда я удаляю скрипты разделов, файлы javascript, которые написаны с помощью библиотеки jquery, отображаются, но у меня есть страница, на которой нужно было отобразить карту, которая вызывает библиотеки P5 и P5.dom и мой main.JS, который является кодом JavaScript для рисования на карте.Это единственная страница, на которой не отображаются файлы сценариев, даже когда я исследую элемент google chrome inspect, я не могу найти эти файлы в исходной папке.когда я ссылаюсь на эти файлы в моем макете, он не находит мой идентификатор холста, который является div в моем частичном представлении, любая помощь будет оценена.

это сценарий в моем макете для рендеринга контента:

 <script>
        $("ul.nav li a:not('.normal')").click(function (e) {
            e.preventDefault(); // prevent default link button redirect 
            var url = $(this).attr("href");
            if (url == "") {
                url = "/Home/index/";
            }
            $('#page-content').load(url);
        });
    </script>

и это мои сценарии в конце файлов частичного просмотра моей карты.

<script src="~/Scripts/p5.min.js"></script>
<script src="~/Scripts/addons/p5.dom.min.js"></script>
<script src="~/Scripts/main.js"></script>
<script src="~/Scripts/TeamRoute.js"></script>