打字工具代码抛出错误

Question

我正在将一个Typescript实现到一个示例项目中来练习使用webpack，ES6，npm ......

我有加载程序'awesome-typescript-loader'，'babel-loader'，它们正在捆绑并运行时运行正常。

问题在于，当我测试这样的东西时 -

document.getElementById('test-id').innerHTML = 'asdf';

我在浏览器控制台中收到错误。

但是，代码 正在工作，我指定的ID正在注入'asdf'字符串。

我尝试了使用querySelector()代替getElementById()的备用加载程序'ts-loader'...同时将元素分配给变量，然后尝试设置.innerHTML，但是无济于事。

Answer 1

正如casraf猜测的那样，解决这个问题的原因是脚本在加载DOM之后运行了两次，一次运行+一次。

在这种情况下，我使用html-webpack-plugin来处理注入脚本链接，并且在我的index.html中仍然有一个硬编码副本。通过删除硬编码链接解决了这个问题。