javascript - 未捕获的语法错误 : Cannot use import statement outside a module - Javascript

Question

我在 js 中导入时遇到了大约 6 天的问题。我就是无法解决这个问题。我有一个用 python 编写的简单 Flask 应用程序和在客户端上运行的一些 js 代码。我有两个 js 文件，我想从第二个脚本中的第一个文件导入一个变量。我不知道问题出在哪里，我尝试了几种组合，但它就是无法运行。

第一个.js:

// Local Config
let ADD_SONG_URL = "TEST";
export {ADD_SONG_URL};

第二个.js:

import {ADD_SONG_URL} from "./first.js";
console.log(ADD_SONG_URL);

文件.html:

<script type="module" src="/static/js/first.js"></script>
<script type="text/javascript" src="/static/js/second.js"></script>

在 Intellij 中，一切看起来都很好，但在浏览器中，我收到 Uncaught SyntaxError: Cannot use import statements Outside a module。我对前端编程比较陌生，所以我很绝望，因为我无法解决这个问题。我希望任何人都能快速得到答案，这不是什么大事。

提前致谢!

Answer 1

尝试将脚本类型从 text/javascript 更改为 module。我认为它应该有效。

<script type="module" src="/static/js/first.js"></script>
<script type="module" src="/static/js/second.js"></script>