Uncaught SyntaxError: Cannot use import statement outside a module - Javascript

Question

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

first.js:

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

second.js:

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

file.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>