Javascript “main.ts to run”中未定义文档；网页-模式开发“；

我试过用“webpack--模式开发”来运行这段代码

document.addEventListener('DOMContentLoaded', () => {
  platformBrowserDynamic().bootstrapModule(AppModule)
    .catch(err => console.log(err));
});

在src/main.ts中-- 我犯了这个错误

    document.addEventListener('DOMContentLoaded', function () {
  ^
  ReferenceError: document is not defined

  - main.ts:95362 Object../node_modules/html-webpack-plugin/lib/loader.js!./src/main.ts
    /home/glad/Documents/glpdesktop-ang/src/main.ts:95362:1

  - main.ts:21 __webpack_require__
    /home/glad/Documents/glpdesktop-ang/src/main.ts:21:30

  - main.ts:70
    /home/glad/Documents/glpdesktop-ang/src/main.ts:70:18

  - main.ts:73
    /home/glad/Documents/glpdesktop-ang/src/main.ts:73:10

  - index.js:247 HtmlWebpackPlugin.evaluateCompilationResult
    [glpdesktop-ang]/[html-webpack-plugin]/index.js:247:28

  - index.js:161 Promise.resolve.then.then.then.compiledTemplate
    [glpdesktop-ang]/[html-webpack-plugin]/index.js:161:23


  - next_tick.js:188 process._tickCallback
    internal/process/next_tick.js:188:7

有人能帮我解决这个问题吗？

---

谢谢…

尝试

window.document.addEventListener（..

尝试过，但相同的事情…显示“窗口未定义”为什么要尝试在document.addEventListener内引导angular应用程序？只需使用

platformBrowserDynamic（）.bootstrapModule（AppModule）

document

和

window

仅在浏览器中定义，因此在编译代码时，webpack似乎试图访问它们。我粘贴了

document.addEventListener（'DOMContentLoaded'，（）=>{platformBrowserDynamic（）.bootstrapModule（AppModule）.catch（err=>console.log（err））；}）；

进入我的两个Angular应用程序（v5，一个带有Angular CLI，一个没有，但带有自定义网页配置），并且在这两个应用程序的编译方面都没有问题。我没有使用ng universal。我已经没有主意了。如果您按照他们的指导遇到这个问题，请在他们的github帐户上打开一个问题。