Мне нужна ваша помощь, чтобы помочь мне понять, как могут работать двигатели 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.
Но, в конце концов, все прекрасно работает так:
Почему движок печатает ошибку, но все равно работает в этом конкретном файле?Почему он не реагирует одинаково на первых двух страницах?
Заранее спасибо,
Младший разработчик пытается понять как можно больше вещей