打字稿在工作代码上抛出错误

Question

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

我有加载器 'awesome-typescript-loader'、'babel-loader'，它们在代码被捆绑和运行时运行良好。

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

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

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

但是，代码 可以正常工作，并且我指定的 ID 正在注入那个 'asdf' 字符串。

我尝试过备用加载程序“ts-loader”，使用querySelector() 而不是getElementById()...还将元素分配给变量，然后尝试设置.innerHTML，但无济于事。

Answer 1

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

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