angular - 作为内容脚本嵌入的 Angular 应用程序中的 Angular 路由提示

Question

我们目前正在开发一个用 Angular 编写的 chrome 扩展。设置是将整个 Angular 应用程序构建为 manifest.json 中的内容脚本

正如您在下面的代码中看到的，除此之外的所有内容都contentPage.js来自角度源。

  "content_scripts": [
    {
      "matches": ["http://*/*", "https://*/*", "file://*/*.pdf"],
      "js": ["contentPage.js", "polyfills.js", "runtime.js", "main.js"],
      "css": ["styles.css"],
      "run_at": "document_idle"
    }
  ],

问题来了，我们遇到了路由问题。任何路由重定向都相对于当前网页 url 导航，因为它是一个内容脚本。

假设我目前正在https://stackoverflow.com/questions调用this.router.navigate(['/home'])将导航到https://stackoverflow.com/questions/home.

如何在将整个 Angular 应用程序嵌入为内容脚本的 chrome 扩展的上下文中使用 Angular 路由？

编辑：

在调查了这个问题之后，它似乎只在延迟加载的路由上不起作用。正常路由的路径已正确解析，但延迟加载路由的路径与当前网页 url 相关，而不是 chrome 扩展

标签： angularwebpackgoogle-chrome-extensionbrowser-extension