Javascript Angular-如何从JS包导入模块_Javascript_Angular_Typescript_Polyfills_Angular Library

Javascript Angular-如何从JS包导入模块

javascript angular typescript

Javascript Angular-如何从JS包导入模块,javascript,angular,typescript,polyfills,angular-library,Javascript,Angular,Typescript,Polyfills,Angular Library,我正在尝试从位于src/下的vendor子文件夹中生成的Angular library bundle导入模块 index.html <head> ... <script type="text/javascript" charset="utf-8" src="./vendor/example/bundles/example.umd.js"></script> </head>

我正在尝试从位于

src/

下的

vendor

子文件夹中生成的Angular library bundle导入模块

index.html

<head>
...
    <script type="text/javascript" charset="utf-8" src="./vendor/example/bundles/example.umd.js"></script>
    
</head>

...

然而，在我的

app.module.ts

中，从这个导入模块时遇到了一些问题。拜托，你知道怎么做吗

似乎angular库的@angular/core和@angular/common PeerDependence也应该捆绑在脚本中才能正常工作

我将非常感谢任何帮助

您不应该添加引用本地文件的

标记，因为此本地文件不会包含在生成中

相反，请使用

angular.json

文件的

"scripts": [
    { "input": "src/vendor/example/bundles/example.umd.js" }
]

这将把

example.umd.js

文件嵌入Angular构建的专用文件中。当它打包为UMD时，一个对象将附加到

窗口

，其中包含您要导入的库的API

为了停止TypeScript抱怨不存在变量，只需添加以下内容：

declareVarExample

（用全局对象的真实名称替换

example

。

此处重现错误：

（global=global | | self，factory（global.example={}，global.ng.core，global.rxjs，global.ng2Stompjs，global.ng.common））

Uncaught TypeError:无法读取undefinedIt的属性'core'，似乎全局的ng、rxjs和ng2Stompjs对象属性是未定义的，这意味着要导入一些依赖项才能使库正常工作。您确定

示例

不是应该导入到某个Angular模块中的Angular库吗？您不应该尝试将此库作为UMD导入，而是作为带有TypeScript定义文件的ESM导入。理想情况下，如果此库位于NPM上，请使用

NPM i示例安装它

它是角度模块吗？是否作为ESM包（非UMD）提供？