Тип ошибки Угловой проект развертывания MIME (text / html) - PullRequest
Новая
       26

Тип ошибки Угловой проект развертывания MIME (text / html)

0 голосов
/ 17 октября 2019

Я пытаюсь развернуть проект Angular / CLI 6.12.0.

Когда я помещаю содержимое папки dist на сервер, возникает консольная ошибка «type MIME». 

Le chargement du module à l’adresse « http://www.sylvainallain.fr/polyfills-es2015.fd917e7c3ed57f282ee5.js » a été bloqué en raison d’un type MIME interdit (« text/html »).
Le chargement du module à l’adresse « http://www.sylvainallain.fr/main-es2015.2fcd6517edb1de962f8a.js » a été bloqué en raison d’un type MIME interdit (« text/html »).
Le chargement du module à l’adresse « http://www.sylvainallain.fr/runtime-es2015.24b02acc1f369d9b9f37.js » a été bloqué en raison d’un type MIME interdit (« text/html »).

https://imgur.com/fQKnWAg.jpg

Это по-французски для меня ^^. Вы можете увидеть это в консоли здесь http://biblio.sylvainallain.fr

Это просто приложение, похожее на библиотеку. Back-end (журналы и данные) управляется с помощью Firebase.

В локальном режиме все в порядке.

Я делаю сборку с помощью "ng build --prod", она создает "dist""folder.

Мой index.html после prod: 

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Bibliothèque Angular</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" href="styles.735ba4029395bfd97371.css"></head>
<body>
  <app-root></app-root>
    <script src="polyfills-es5.f9fad3ad3c84e6dbdd72.js" nomodule defer></script>
    <script src="polyfills-es2015.fd917e7c3ed57f282ee5.js" type="module"></script>
    <script src="runtime-es2015.24b02acc1f369d9b9f37.js" type="module"></script>
    <script src="main-es2015.2fcd6517edb1de962f8a.js" type="module"></script>
    <script src="runtime-es5.24b02acc1f369d9b9f37.js" nomodule defer></script>
    <script src="main-es5.2fcd6517edb1de962f8a.js" nomodule defer></script></body>
</html>

Я нахожу это сообщение на GitHub: https://github.com/angular/angular-cli/issues/10325. Это та же проблема, я пытаюсь найти некоторые решения, но ничегоработа.

Проблема только с es2015.*.js файлами. Поэтому я думаю, что есть проблема с type="module", которая не распознается как файл Javascript. Я не понимаю, почему Angular не справляется с этим.

Редактировать 25 октября:

  • попытаться заменить type="module" на type="application/javascript". Не работает Источник

  • попробуйте обновить Angular / CLI & Angular / core с помощью ng update @angular/cli @angular/core --allow-dirty и ng build --prod снова. Не работает

  • попробуйте разместить его на Firebase. Та же проблема: https://bibliang.firebaseapp.com/

Спасибо за помощь! :)

...