Ошибка сборки на esbuild для приложения Angular/Django [закрыто]

Миграция с Angular 4 на 18: ошибки esbuild и проблемы с MIME-типами

Фон

Я обновляю приложение с Angular 4 до Angular 18 с Django в качестве бэкенда. Я перешел на esbuild, но после успешной сборки в браузере появляются ошибки, и приложение ломается.

Выпуск

После сборки я замечаю, что файлы main, polyfill и style transpiled одинаковы. Приложение не удается загрузить должным образом, возникает несколько ошибок, связанных с типами MIME и загрузкой модулей.

Ошибки

  1. Не удалось загрузить скрипт модуля:

    Не удалось загрузить скрипт модуля: Ожидался сценарий модуля JavaScript, но сервер ответил с типом MIME "text/html". Строгая проверка MIME-типа для скриптов модуля осуществляется в соответствии со спецификацией HTML.

  2. Шрифтовой файл 404 ошибки:

    GET https://app/media/fontawesome-webfont-5GKVPAEF.woff2?v=4.7.0 net::ERR_ABORTED 404 (Not Found) GET https://app/media/fontawesome-webfont-Z4ARLA73.woff?v=4.7.0 404 (Not Found) GET https://app/media/fontawesome-webfont-RJ6LE7IU.ttf?v=4.7.0 net::ERR_ABORTED 404 (Not Found)

  3. Отказано в выполнении сценария:

    Отказано в выполнении скрипта с 'https://app/scripts-JNRFGZAM.js', так как его MIME-тип ('text/html') не является исполняемым, а строгая проверка MIME-типа включена.

  4. Сбой загрузки главного скрипта:

    Не удалось загрузить скрипт модуля: Ожидался скрипт модуля JavaScript, но сервер ответил с типом MIME "text/html". Строгая проверка MIME-типа для скриптов модуля осуществляется в соответствии со спецификацией HTML.

  5. Отказано в загрузке CSS:

    Отказано в применении стиля из 'https://app/styles-7NCDMDZU.css', поскольку его MIME-тип ('text/html') не является поддерживаемым MIME-типом таблицы стилей, а строгая проверка MIME включена.

Окружение

  • Angular CLI: 18.2.4
  • Node: 18.20.4
  • npm: 10.7.0
  • OS: Linux x64

Конфигурация

Вот мой angular.json файл:

Вопросы

  1. Почему после сборки транслированные файлы (основной, полифилл и стиль) идентичны?
  2. Что может быть причиной ошибок типа MIME, особенно для файлов JavaScript и CSS?
  3. Как решить проблему 404 ошибки для файлов шрифтов?
  4. Есть ли какие-то особые соображения при переходе с Angular 4 на 18 с помощью esbuild, которые я мог упустить из виду?

Любые соображения или предложения о том, как устранить неполадки и решить эти проблемы, будут весьма признательны.

Вернуться на верх