Javascript 如何使用angular 5构建chrome扩展

我正在尝试使用angular 5构建一个chrome扩展。 我使用创建了一个基本的angular应用程序，它作为angular应用程序运行得非常好（我使用

ng build

进行检查）。 我试图将应用程序移动为chrome扩展，因此我使用

ng build

创建代码，并添加了以下清单

{
   "name": "Getting Started Example",
   "version": "1.0",
   "description": "Build an Extension!",
   "background": {
      "scripts": ["runtime.js","polyfills.js","styles.js","vendor.js","main.js"],
      "persistent": false
    },
    "page_action": {
       "default_popup": "index.html"
     },
    "manifest_version": 2
}

后台脚本是angular编译器创建的脚本，用于呈现应用程序。 我上传了我的分机，但我得到了这个错误

Uncaught EvalError:拒绝将字符串作为JavaScript求值，因为 “不安全评估”不是以下脚本中允许的脚本源 内容安全策略指令：“脚本src'self'blob: 文件系统：chrome扩展资源：“

---

这是什么意思？如何将angular应用程序作为chrome扩展运行？

您无需在脚本中添加JS文件，只需添加dist文件夹index.html文件的引用即可 它将自动从那里添加所有必需的JS/CSS文件

所以只需删除这行代码

"scripts": ["runtime.js","polyfills.js","styles.js","vendor.js","main.js"],

有关更多信息，请参阅此处-

---

无需在脚本中添加JS文件，只需添加dist文件夹index.html文件的引用即可 它将自动从那里添加所有必需的JS/CSS文件

所以只需删除这行代码

"scripts": ["runtime.js","polyfills.js","styles.js","vendor.js","main.js"],

有关更多信息，请参阅此处-

---

您需要将这一行添加到manifest.json中，以消除该错误：

 "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'"

并删除以下代码行，因为不需要这样做：

"scripts": ["runtime.js","polyfills.js","styles.js","vendor.js","main.js"]

设置正确的工作流是另一回事。每次进行更改时，都需要手动重新生成项目。这可能会有些麻烦

幸运的是，我为这样一个工作流创建了一个脚手架项目（自动监视文件、为生产构建和压缩等）

---

请参阅：了解更多信息。

您需要将此行添加到manifest.json中，以消除该错误：

 "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'"

并删除以下代码行，因为不需要这样做：

"scripts": ["runtime.js","polyfills.js","styles.js","vendor.js","main.js"]

设置正确的工作流是另一回事。每次进行更改时，都需要手动重新生成项目。这可能会有些麻烦

幸运的是，我为这样一个工作流创建了一个脚手架项目（自动监视文件、为生产构建和压缩等）

---

请参阅：了解更多信息。

我确实在默认弹出窗口中引用了它，我还应该在哪里？实际上你给我的链接有效，谢谢。我添加了“内容安全策略”：“脚本src'self'”不安全评估“；对象src'self'”，它有效。我确实在默认弹出窗口中引用了它，我还应该在哪里？实际上你给我的链接有效，谢谢。我添加了“内容安全策略”：“脚本src'self”“不安全评估”；对象src'self'，它成功了