Ошибка типа MIME при использовании экспорта / импорта ES6 - PullRequest
Новая
       27

Ошибка типа MIME при использовании экспорта / импорта ES6

0 голосов
/ 18 февраля 2020

Как избавиться от ошибки «запрещенный MIME-тип (« text / html »)» при использовании экспорта / импорта ES6?
My html:
<script src="app.js" type="module"></script> app. js: 

import {about} from "./templates/about"
let contentContainer = document.getElementById('contentContainer');
const routes = {
    "/" : about,
}

window.onpopstate = () =>{
    contentContainer.innerHTML = routes[window.location.pathname];
}
console.log("script")

о. js: 

export const about =`
<section class="about-us">
            <div class="about-us-img">
                <div class="img-shader">
                    <h1 class="about-title">ABOUT US</h1>
                    <article class="about-description">
                        <p>Our company specializes in high quality wooden products.</p>
                        <p>We care about natural environment so we plant two trees for each one we cut down to make the product.</p>
                    </article>
                    <button id="shop-link">shop now</button>
                </div>
            </div>
        </section>
`

Также я использую Firefox 73, расширение liveserver для VSCode, и это приложение на стороне клиента. Я попытался добавить текст / javascript type в тег script, но это не помогло.

1 Ответ

1 голос
/ 18 февраля 2020

Необходимо указать URL-адрес сценария.

"./templates/about" указывает на документ HTML.

Возможно, вам нужно "./templates/about.js".

Обратите внимание, что браузеры не могут реализовать систему разрешения имен модулей Node.js, которая может автоматически определять расширения файлов. Браузеры используют URL-адреса, которые не имеют расширений файлов (через них они могут иметь символ полной остановки, за которым следуют несколько букв в формате, который выглядит как расширение файла).

...