ASP.NET MVC 4 Сценарий связывания вызывает ошибки при развертывании

Мой сайт работает нормально на localhost, когда @Scripts.Render() не связывает сценарии, однако при развертывании на моем сервере Javascript в комплекте должен содержать ошибку, так как весь Javascript на моей странице перестает работать.

Вот мой код пакета:

        public static void RegisterBundles(BundleCollection bundles)
        {
            bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                        "~/Scripts/jquery-{version}.js",
                    "~/Scripts/jquery-migrate-{version}.js"));

            bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                    "~/Scripts/jquery.unobtrusive*",
                    "~/Scripts/jquery.validate*"));

            bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
                        "~/Scripts/jquery-ui-{version}.js",
                        "~/Scripts/jquery-ui.unobtrusive-{version}.js"));

            bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                        "~/Scripts/modernizr-*"));

            bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css"));

            bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
                        "~/Content/themes/base/jquery.ui.core.css",
                        "~/Content/themes/base/jquery.ui.resizable.css",
                        "~/Content/themes/base/jquery.ui.selectable.css",
                        "~/Content/themes/base/jquery.ui.accordion.css",
                        "~/Content/themes/base/jquery.ui.autocomplete.css",
                        "~/Content/themes/base/jquery.ui.button.css",
                        "~/Content/themes/base/jquery.ui.dialog.css",
                        "~/Content/themes/base/jquery.ui.slider.css",
                        "~/Content/themes/base/jquery.ui.tabs.css",
                        "~/Content/themes/base/jquery.ui.datepicker.css",
                        "~/Content/themes/base/jquery.ui.progressbar.css",
                        "~/Content/themes/base/jquery.ui.theme.css"));
        }

Вот мой код рендеринга:

@Styles.Render("~/Content/css")
@Styles.Render("~/Content/themes/base/css")
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryval")
@Scripts.Render("~/bundles/jqueryui")
@Scripts.Render("~/bundles/modernizr")

Может кто-нибудь объяснить, что может происходить с моим Javascript при развертывании?

Спасибо, Алекс.

4 ответа

Решение

Вы также можете изменить свой "новый ScriptBundle" на просто "новый Bundle":

bundles.Add(new Bundle("~/bundles/modernizr").Include("~/Scripts/modernizr-*"));

Это объединит ваши активы без минификации. Я сталкивался с некоторыми случаями, когда минификация просто не работала бы с определенными библиотеками, поэтому это все же позволит вам включить их в ваш пакет.

Минификация "работает", даже если появляются эти ошибки

Реальное решение для этого:

  • Исключите файлы.min и.map ДО того, как вы опубликуете

И минификация будет работать. На самом деле процесс минификации всегда работает!

Если "это работает", то что на самом деле происходит: почему у нас есть ошибка?

ASP.Net, кажется, использует файлы.min в приоритете при связывании с включенными оптимизациями. Таким образом, он также интегрирует любой код в файлы.min и добавляет каждый файл javascript один за другим без добавления переносов строк.

Это браузер, который не может понять, почему существует потенциальный комментарий /* После минимальной конфигурации сопоставления: //# sourceMappingURL=jquery.history.min.js.map, потому что связанные файлы будут выглядеть так:

[SOMEJAVASCRIPT OF FILEJAVASCRIPT1 HERE;]
//# sourceMappingURL=jquery.history.min.js.map /* begin of a comment of FILEJAVASCRIPT2 appended (in the bundle) javascript file */

Есть два решения, чтобы избежать этой ошибки:

  • Создайте отдельные пакеты для файлов javascript, которые не могут следовать (это как не активировать функцию объединения).
  • Создать пакет, который не включит минификацию (плохо)
  • Или альтернативный вариант: исключить все минимизированные файлы или файлы min.js, которые имеют файлы sourceMappingURL (или изменить их источник) и файлы.map.

Цель состоит в том, чтобы заставить ASP.Net самостоятельно восстанавливать минимальные файлы (и ASP.Net не создаст //sourceMappingUrl внутри своего сгенерированного файла, чтобы исправить эту проблему).

Таким образом, настоящая проблема заключается в текущей реализации этой функции в браузерах, потому что она не может анализировать комментарии для комментария sourcemapping. Может быть, есть другой способ указать браузеру, что sourceMappingUrl завершился.

Обычно единственное различие между отладочными и развернутыми пакетами заключается в том, что при отладке оптимизации отключаются.

Когда оптимизация включена, минификация может выделить синтаксическую ошибку, которая была бы прощена, если бы был разрыв строки. Например:

var x = 10
var y = 15

Не минимизированный, это, вероятно, сработает - но минимизированный вы в конечном итоге...

var x = 10 var y = 15 // SyntaxError: missing ; before statement

Который не сработает - вам нужны пропавшие ; персонажи там.

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

Проверьте это решение
Конфигурация IIS> Аутентификация>RightClickOn Anonymous Auth> Нажмите "Редактировать"> "Проверить идентичность пула приложений".

Взято отсюда.

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