我正在学习JS，我开始了我的第一个项目，所以我决定在将app.JS分成一些文件的同时保持它的组织。
我的问题是，当我启动一个模块时，我的控制台不允许我访问文档的变量，所以我认为问题出在范围内，但我不知道为什么，我搜索了范围和模块，我不知道我做错了什么
文件包括：
- 索引html
- 应用程序.js
- 变量.js
HTML代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<script src="app.js" type="module"></script>
</body>
</html>
应用程序.js code:
import { var1 } from "./variables.js";
console.log(var1);
变量.js code:
export const var1 = "var1";
在我的控制台中，console.log（var1）输出将按预期显示，但如果我尝试键入“console.log”或只调用“var1”，则会抛出以下错误：
PS：我使用VSCode实时服务器扩展，以便在普通js中使用模块。PS：我知道我必须在窗口范围中声明变量，但我认为不推荐使用，还有其他方法吗？
我希望访问控制台中的变量、对象和函数以进行调试。。。