Điều này có thể xảy ra nếu bạn chưa sử dụng câu lệnh "export". Sử dụng “export” trước hàm sẽ được nhập vào tệp script. Tệp JavaScript như sau có tệp tênemo.js.
demo.js
console.log("function will import");
export function test(){
console.log("Imported!!!");
} Đây là tệp “index.html” nhập hàm trên -
index.html
Ví dụ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<script type='module'>
import { test } from "./demo.js"
test();
</script>
</body>
</html> Để chạy chương trình trên, hãy lưu tên tệp “anyName.html (index.html)” và nhấp chuột phải vào tệp. Chọn tùy chọn “Mở bằng Máy chủ Trực tiếp” trong trình chỉnh sửa Mã VS.
Sau đây là đầu ra từ tệp demo.js có tên hàm test ().
