Javascript 导入类在控制台中有效,但在浏览器中无效

Javascript 导入类在控制台中有效,但在浏览器中无效,javascript,html,typescript,Javascript,Html,Typescript,每当我在控制台中使用node运行main.js时,所有内容都可以很好地打印出来。但是,每当我尝试通过浏览器(通过HTML文件)运行它时,都不会向控制台打印任何内容 然而,当我注释掉main.jscode中对Vector.ts的任何引用时,“Hello,World”就会打印出来。我相信这和导入有关,但我不确定——我对web开发一般来说都是新手 代码: 梅因酒店 // 从“/Vector”导入{Vector} 类启动{ 公共静态main():编号{ log('Hello,World!!'); //

每当我在控制台中使用node运行
main.js
时,所有内容都可以很好地打印出来。但是,每当我尝试通过浏览器(通过HTML文件)运行它时,都不会向控制台打印任何内容

然而,当我注释掉
main.js
code中对
Vector.ts
的任何引用时,“Hello,World”就会打印出来。我相信这和导入有关,但我不确定——我对web开发一般来说都是新手

代码:

梅因酒店

//
从“/Vector”导入{Vector}
类启动{
公共静态main():编号{
log('Hello,World!!');
//测试向量类
设v=新向量(1,2);
设w=新向量(3,4);
console.log(v.dotProduct(w));
返回0;
}
}

Startup.main()您是否已将js方法调用放入
document.onLoad()
块中


我不确定您的完整场景,但有时会在HTML完全加载之前调用该方法。也许您可以尝试将js函数调用代码
(Startup.main())
放入
document.onLoad()
块中,然后查看。

您使用的是现代浏览器吗?并通过带有
type=“module”
属性的脚本标签导入js代码?我正在使用最新的Chrome更新来运行它。另外,当我这样做时,我得到一个错误,指出“在file:///path/to/Vector.js“源代码'null'已被CORS策略阻止”。它表现出一些奇怪的行为。当我调用main()时在onLoad块中,每当我注释掉每一行引用向量或其实例时,都会打印Hello World!。但是,当我保留导入时,会出现一个错误,表明未定义main方法。我感觉TypeScript没有正确导入,但我没有足够的知识知道原因。