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

【问题标题】：JavaScript-error : Uncaught SyntaxError: Cannot use import statement outside a moduleJavaScript错误：未捕获的语法错误：无法在模块外使用导入语句
【发布时间】：2021-02-17 19:04:30
【问题描述】：

我创建了一个包含 2 个 js 文件和一个 html 文件的项目。第一个是 sum.js（我有 sum 函数），第二个是 main.js，最后一个是 index.html。我尝试在 main.js 中导入 sum 函数，但出现此错误

Uncaught SyntaxError: Cannot use import statement outside a module

index.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Testing</title>
</head>
<body>
</body>
<script src="./main.js"></script>
</html>

和 sum.js：

export function sum(a , b){
console.log(a + b)
}

main.js：

import {sum} from "./sum.js"
sum(1,2)

我也尝试过制作这样的脚本标签：

<script type="module" src="./main.js">

这不会给出任何错误，但不会在控制台上写入任何内容。那你能帮帮我吗？

PS 我在谷歌浏览器上

【问题讨论】：

标签： javascript html import

【解决方案1】：

我认为应该在 main.js

import {sum} from "./sum.js"

sum(1, 2)

【讨论】：

不，这是我在网站上写的错。
您的问题出在 main.js 文件中，尝试以不同方式导入 sum.js