Angular 6路由器导航不加载外部js文件

Question

Component X是“根”，当angular 6 Web应用程序启动时，您将自动重定向到ComponentX。在此阶段，外部库已正确加载，例如：Video Player并可以正常播放视频。

但是，当我单击组件X的元素并导航到组件Y，然后再次返回到组件X时，我尝试播放视频，但最终未加载一些支持的js文件。

尝试在index.html中添加<base href="/">，并使用了useHash: true，但没有解决问题。

Answer 1

这是单页应用程序的标准行为。 SPA只会在初始开始时加载脚本。

如果需要，您可以在这里喜欢：Load External JS Files Dynamically。

我不能真正说出这是好是坏方法，但这对您的情况有用

Answer 2

您可能希望将这些.js文件添加到angular.json定义

 "projects": {
    "projectname": {
      ...
      },
      "architect": {
        "build": {
          ...
            "scripts": [
              {
                "input": "node_modules/.../your.js"
              }
            ],
          },
      }
    },

因此它们将包含在您的捆绑软件中。