未捕获的SyntaxError:无法在模块外部使用import语句-Javascript

时间:2020-01-16 11:59:39

标签: javascript import export

我现在大约有6天的时间在js中遇到导入问题。我只是不能解决那个问题。我有一个用python编写的简单烧瓶应用程序,并且在客户端上运行了一些js代码。我有两个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。我是前端编程的新手,所以我很绝望,因为我无法解决此问题。我希望任何人都能快速回答,那不是什么大事。

谢谢!

1 个答案:

答案 0 :(得分:2)

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

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