Почему сценарии и стили не отображаются в веб-формах ASP.Net (НЕ MVC)

Я безуспешно пытаюсь заставить работать скрипт и стиль в приложении .NET framework 4.8 Webforms с ограниченным успехом.

Я установил пакет NuGet Microsoft.AspNet.Web.Optimization и создал свой класс Bundle Config в соответствии с документацией, и я вызываю RegisterRoutes в Application_Start в global.asax, но когда я пытаюсь заставить пакеты отображать на главная страница, я получаю ошибки, и страница не загружается.

в BundlesConfig.cs...

public class BundleConfig
{
    public static void RegisterBundles(BundleCollection bundles)
    {
        bundles.Add(new StyleBundle("~/bundles/SiteCSS").Include(
            "~/Theme/bootstrap/css/bootstrap.css",
            "~/Theme/fontawesome/css/all.css",
            "~/Theme/site/site.css"
            ));

        bundles.Add(new ScriptBundle("~/bundles/SiteJS")
            .Include(
            "~/Theme/jquery/js/jquery-3.6.0.js",
            "~/Theme/bootstrap/js/bootstrap.js",
            "~/Theme/fontawesome/js/all.js",
            "~/Theme/site/site.js"
            ));//.Transforms.Add(new JsMinify());
    }
}

в global.asax...

protected void Application_Start(object sender, EventArgs e)
{
    BundleTable.EnableOptimizations = true;
    RouteConfig.RegisterRoutes(RouteTable.Routes);
    BundleConfig.RegisterBundles(BundleTable.Bundles);
}

Но когда я добавляю следующее на главную страницу сайта...

<asp:PlaceHolder runat = "server">
    <%: Styles.Render("~/bundles/SiteCss") %>
</asp:PlaceHolder>

и

<asp:PlaceHolder runat = "server">
    <%: Scripts.Render("~/bundles/SiteJS") %>
</asp:PlaceHolder>

Я получаю ошибки...

CS0103: The name 'Styles' does not exist in the current context.

и

CS0103: The name 'Scripts' does not exist in the current context.

Такое чувство, что я сделал все, что мне нужно было сделать, поскольку это кажется довольно простым, но это просто не работает...

Любые идеи?

Спасибо, Карл

Вы добавили <add namespace = "System.Web.Optimization" /> в свой web.config в разделе namespaces?

Rahul Sharma 05.04.2022 21:47

Привет, Рахул, у меня не было. Я только что добавил это, и теперь это наполовину работает... Кажется, что часть стилей работает, но когда она доходит до нижней части страницы и пытается отобразить скрипты, я получаю "Ссылка на объект не установлена ​​​​на экземпляр объекта " ошибка? Я проверил имя пакета, и оно такое же, как при создании в BundleConfig.

Karl 06.04.2022 10:09

Измените bundles.Add(new ScriptBundle("~/bundles/SiteJS") на bundles.Add(new Bundle("~/bundles/SiteJS") и повторите попытку.

Rahul Sharma 06.04.2022 10:27

Вот оно. Если вы можете добавить это в качестве ответа, я могу проголосовать. Спасибо.

Karl 06.04.2022 10:43
Стоит ли изучать PHP в 2023-2024 годах?
Стоит ли изучать PHP в 2023-2024 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
1
4
50
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Что касается вашего сценария, вам сначала нужно убедиться, что вы добавили: <add namespace = "System.Web.Optimization" /> в свой web.config в разделе namespaces. Это позаботится о контекстных ошибках, и ваши Scripts и Styles будут доступны для View.

Во-вторых, что касается ошибки Object reference not set to an instance of an object, вам нужно изменить ScriptBundle просто на Bundle, потому что ScriptBundle вызывает минификатор, и если в этом процессе есть какие-либо проблемы (например, скрипт уже минифицирован, какая-то ошибка в процессе минификации и т. д.), тогда ScriptBundle будет вернуть null и, следовательно, выдается ошибка. Поэтому, чтобы предотвратить эту ошибку и остановить шаг минимизации при объединении, просто используйте тип Bundle при добавлении к своим BundleConfig.cs записям.

Сдача

bundles.Add(new ScriptBundle("~/bundles/SiteJS")

к

bundles.Add(new Bundle("~/bundles/SiteJS")

Другие вопросы по теме