Question

我需要您的帮助，以帮助我了解JS引擎如何工作。

上下文

最近，我一直在使用JS模块，每次都使用相同的模式：

一个 specific_html_file.html ：

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

一个 import_yaml.js ：

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

一个 dom_functions.js ：

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

export class DomFuncs {
     // Different DOM related functions
}

问题

这对于我写的前两个页面效果很好，但最后一个在控制台中记录了一个错误。

“未捕获的SyntaxError：Chrome上出现意外的令牌{”

“ SyntaxError：导入声明只能出现在   模块”。

但是最后，一切都很好，所以：

为什么引擎会打印错误，但是在此特定文件中仍然可以正常工作？为什么在前两页中它的反应不一样？

预先感谢

一个初级开发人员，试图理解尽可能多的东西