Question

我正在努力了解如何将Angular 2（一个庞大的框架）包含在我的内容脚本中。

我主要担心的是每个文件都需要包含在内容脚本/ manifest.json文件中。我尝试过不同的变体，但每次都会因为模糊的错误信息而失败。

我试图在互联网上找到一些说明，但无济于事。我找到的最好的资源是https://www.devbattles.com/en/sand/post-3072-Build_Your_Own_Chrome_Extension_Using_Angular_2__TypeScript，但它似乎不是关于内容脚本，而是关于拥有一个孤立的网页。它也有点过时了。

这是我在使用manifest.json文件时遇到的困难..（部分）

{
  "matches": [ "https://hp.my.salesforce.com/console*", "https://hp.my.salesforce.com/ui/support/servicedesk/ServiceDeskPage*" ],
  "js": [
    "ze_modules/systemjs/dist/system.js",
    "ze_modules/rxjs/bundles/Rx.js",

    "ze_modules/@angular/core/bundles/core.umd.js",
    "ze_modules/@angular/common/bundles/common.umd.js",
    "ze_modules/requirejs/require.js",

    "settings-ui/test.component.js",
    "console/includes/jquery-2.2.3.min.js",
    "console/includes/toastr.js",
    ...
    ...

有没有人有任何指针？我如何获得工作要求？如何使SystemJS工作？这对我来说都是一个很大的模糊。

到目前为止我没有开发扩展的问题，通过手动和仓促地在manifest.json中包含一些js库，但这只是一个极端数量的文件。

部分错误消息..

Uncaught TypeError: Cannot read property 'Subject' of undefined(anonymous function) @ core.umd.js:9194(anonymous function) @ core.umd.js:14(anonymous function) @ core.umd.js:15
common.umd.js:14 Uncaught TypeError: Cannot read property 'Observable' of undefined(anonymous function) @ common.umd.js:14(anonymous function) @ common.umd.js:15

require.js:168 Uncaught Error: Module name "@angular/core" has not been loaded yet for context: _. Use require([])
http://requirejs.org/docs/errors.html#notloaded

如何在Chrome扩展程序（内容脚本）中实现Angular 2 RC（+ TypeScript）

0 个答案: