Javascript 导入单独的文件时,变量将变得未定义

Javascript 导入单独的文件时,变量将变得未定义,javascript,html,Javascript,Html,我有一个html文件和两个JavaScript文件,一个是main,另一个包含我想导入main的函数 比如说- main.js: import {someFunc} from "./function.js" randomVariable = 50; someFunc() exporting.js: export someFunc() { return 'foo'; } HTML标记(在中): 当我将函数导入main.js时,由于某种原因,我会出现以下错误: 未捕

我有一个html文件和两个JavaScript文件,一个是main,另一个包含我想导入main的函数

比如说-

main.js:

import {someFunc} from "./function.js"

randomVariable = 50;

someFunc()
exporting.js:

export someFunc() {
return 'foo';
}
HTML标记(在中):



当我将函数导入main.js时,由于某种原因,我会出现以下错误:

未捕获引用错误:未定义随机变量


这意味着我在main中定义的变量将变得未定义。当我在不导入/导出任何内容的情况下将两个文件合并在一起时,一切正常。

您能详细说明一下吗?我是否没有通过“export someFunc(){}”显式导出并在使用它的地方(在main.js中)导入它?感谢您在使用变量之前总是声明变量,否则您会遇到问题,尤其是在strict Mode中,完全忽略let关键字,因为它通常不会给我带来问题,一旦我添加了它,它就起作用了。谢谢
< script src="./main.js" type="module" defer >< /script >
< script src="./exporting.js" type="module" defer >< /script >