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

【问题标题】：Uncaught SyntaxError: Cannot use import statement outside a module - Javascript未捕获的语法错误：无法在模块外部使用导入语句 - Javascript
【发布时间】：2020-01-16 11:59:39
【问题描述】：

我现在在 js 中遇到导入问题大约 6 天。我就是不能解决那个问题。我有一个用 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);

文件.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。我对前端编程比较陌生，所以我很绝望，因为我无法解决这个问题。我希望任何人都能快速回答，这不是什么大问题。

提前致谢！

【问题讨论】：

标签： javascript import export

【解决方案1】：

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

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

【讨论】：

好的哇！ :D 那只是工作。你能解释一下为什么两者都是 type=module 如此重要吗？我认为主脚本仍应具有 text/javascript 类型，因为它实际上是脚本。
如果您在其中使用导入和导出，您的脚本类型必须为module。你可以看看javascript.info/modules-intro