Question

我创建了一个包含 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 我在使用谷歌浏览器

Answer 1

我认为它应该在 main.js

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

sum(1, 2)

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

1 个答案: