Javascript 工作代码上的Typescript抛出错误

Javascript 工作代码上的Typescript抛出错误,javascript,typescript,webpack,babeljs,Javascript,Typescript,Webpack,Babeljs,我正在将Typescript实现到一个示例项目中,以实践webpack、ES6、npm 我有“awesome typescript loader”、“babel loader”,它们在代码打包并运行时运行良好 问题是当我测试这样的东西时- document.getElementById('test-id').innerHTML = 'asdf'; 浏览器控制台中出现错误 但是,代码正在运行,我指定的ID正在注入“asdf”字符串 我尝试了备用加载程序“ts加载程序”,使用querySelec

我正在将Typescript实现到一个示例项目中,以实践webpack、ES6、npm

我有“awesome typescript loader”、“babel loader”,它们在代码打包并运行时运行良好

问题是当我测试这样的东西时-

document.getElementById('test-id').innerHTML = 'asdf';
浏览器控制台中出现错误

但是,代码正在运行,我指定的ID正在注入“asdf”字符串


我尝试了备用加载程序“ts加载程序”,使用
querySelector()
而不是
getElementById()
。。。还将元素分配给一个变量,然后尝试设置
.innerHTML
,但没有效果。

正如casraf猜测的那样,这个问题的解决方案是脚本运行了两次,一次在加载DOM之前,一次在加载DOM之后


在本例中,我使用html网页包插件来处理注入脚本链接,但在index.html中仍然有一个硬编码副本。通过删除硬编码链接解决了此问题。

代码是否可能运行两次?在元素可用之前?钉住它。。。问题是,我安装了html网页包插件来处理向html的脚本注入,但没有删除原始的硬编码脚本链接