未捕获的语法错误：无法在模块外部使用 import 语句 - 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 statement 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>