gpt4 book ai didi

javascript - Chrome 扩展程序 - 未设置基本 href。请为 APP_BASE_HREF 提供一个值

转载 作者:数据小太阳 更新时间:2023-10-29 04:25:03 27 4
gpt4 key购买 nike

我正在构建一个 Chrome 浏览器操作扩展程序。

我正在尝试将 Angular 2 应用程序加载到 Chrome 的弹出窗口中。

我在使用 Angular 1.5 之前已经这样做过,但尝试使用 Angular 2 时出现错误。

Unhandled Promise rejection: No base href set. Please provide a value for the APP_BASE_HREF token or add a base element to the document. ; Zone: ; Task: Promise.then ; Value: Error: No base href set. Please provide a value for the APP_BASE_HREF token or add a base element to the document.(…) Error: No base href set. Please provide a value for the APP_BASE_HREF token or add a base element to the document.

我已经把<base href="/">标记到我的 popu.html 中。但问题是 vendor.js 和 main.js 被 Chrome 加载(在被 popup.html 加载之前),所以没有 HTML 页面可以放置 <base href="/">

只是想知道如何解决这个问题。

Popup.html

enter image description here

<!doctype html>
<html>
<head>
<base href="/">
<meta charset="utf-8">
<title>FountainJS</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="icon" type="image/png" href="http://fountainjs.io/assets/imgs/fountain.png"/>
<link href="../styles/popup.css" rel="stylesheet">
</head>

<body>
<div style="width: 200px; height: 150px;">
<fountain-root>My Awesome Chrome Popup should load with Angular 2 right Here</fountain-root>
<script type="text/javascript" src="../scripts/vendor.js"></script>

<script type="text/javascript" src="../scripts/main.js"></script>
</div>
</body>
</html>

最佳答案

您可以改为在代码中设置基本 href

import { APP_BASE_HREF } from '@angular/common';

@NgModule({
providers: [
{ provide: APP_BASE_HREF, useValue: '/' }
]
})
class AppModule {}

关于javascript - Chrome 扩展程序 - 未设置基本 href。请为 APP_BASE_HREF 提供一个值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40274540/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com