Javascript 如何在Angular4中加载JS文件

我是个新手。我已经在angular cli.json的脚本标记中添加了JS文件。文件已成功加载，但问题是在我的LoginForm控制台上显示：

zone.js:192未捕获引用错误：所见即所得未定义

当我从

login form.component.ts

this.router.navigate（['dashboard']）成功登录到另一个组件时，它被加载

在仪表板组件上，一些html代码是

<div id="theWYSIWYG" name="theWYSIWYG" frameborder="0" contentEditable="true"  dir="rtl" ></div>

---

在应用程序启动时加载的js文件中定义的函数。为什么JS不访问仪表板组件

将*作为“从”导入如果要在组件中使用javascript，可以在组件类型脚本文件中导入js文件。必须在@Component之前包含您

    declare var require: any;
    const myFunc = require('../assets/jsFile');
    @Component({ ....

然后在AppComponent中，您可以使用myFunc调用javascript函数

ngOnInit() {
  myFunc.func1();
}

在
tsconfig.json
中，在
编译器选项下是否有
的“allowJs”：true
。这将允许typescript编译器解析对.js文件的引用。因为在初始化组件之前执行
.js
文件。因此，在访问id为所见即所得的元素之前，请为未索引添加条件。是！这是真的。当应用程序启动时，首先加载所有的js，并且是通过控制台错误导致id=xyz未定义。虽然它已经在第二个组件的html文件中定义。我不想在组件中使用这些函数。我有js文件，其中所有函数都已定义。但问题是，当应用程序启动时，所有的JS都会被加载。此时，它看不到另一个组件中的html文件（此时JS通过错误id=xyz未定义，而它是在第二个组件html文件中定义的）。但是为什么？这个文本是什么意思？“它是在第二个组件HTML文件中定义的”我已经创建了2个组件，第一个名为“LoginForm”，第二个名为“Dashboard”，在这个组件中我有Dashboard.component.HTML。其中包含所有这些ID。