Ошибка импорта ES6, но рабочий скрипт все равно - PullRequest
0 голосов
/ 03 декабря 2018

Мне нужна ваша помощь, чтобы помочь мне понять, как могут работать двигатели JS.

Контекст

В последнее время я работал с модулями JS и использовалкаждый раз один и тот же шаблон:

A specific_html_file.html :

<head>
    <script type="module" src="javascript/import_yaml.js"></script>
</head>

A import_yaml.js :

import {DomFuncs} from './import_js/dom_functions.js';
window.addEventListener (`DOMContentLoaded`, DomFuncs.initImportPage);

A dom_functions.js :

import {SpecFuncs} from './specific_functions.js';   // Used in script

export class DomFuncs {
     // Different DOM related functions
}

Вопрос

Это сработало очень хорошо для двух первых страниц, которые я написал, но последние журналыошибка в консоли.

«Uncaught SyntaxError: неожиданный токен {» в Chrome,

«SyntaxError: объявления импорта могут появляться только на верхнем уровне модуля» в Firefox.

Но, в конце концов, все прекрасно работает так:

Почему движок печатает ошибку, но все равно работает в этом конкретном файле?Почему он не реагирует одинаково на первых двух страницах?

Заранее спасибо,

Младший разработчик пытается понять как можно больше вещей

...