未捕获的语法错误：无法在模块外使用导入语句 - Javascript

Question

我现在在 js 中遇到了大约 6 天的导入问题。 我就是解决不了这个问题。 我有一个用 python 编写的简单烧瓶应用程序和在客户端上运行的一点点 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>