如何在angular-cli项目中导入Webpack库

Question

这是我关于stackoverflow的第一篇文章。

我正在尝试导入一个由我的协会在angular-cli项目中开发的图书馆。

这是一个angular-cli项目（Angular v6），该库是使用webpack构建的Angular项目。

导入lib时，出现很多错误。

我的过程：

1. 将库导入package.json
2. 在我的angular.json文件中导入一些脚本（相对于我的特定lib）

lib files

"scripts": [
    "node_modules/chart.js/dist/Chart.js",
    "node_modules/hammerjs/hammer.min.js",
    "node_modules/email-builder/dist/polyfills.bundle.007e569078d25408929d.js",
    "node_modules/email-builder/dist/main.bundle.007e569078d25408929d.js"
]

编译项目时，出现以下错误： error

我试图调用这样的lib方法：

_init() {
    window['angularComponentRef'].zone.run(() => {
        window['angularComponentRef'].component.initEmailBuilder();
    });
}

Answer 1

在将lib添加到package.json之后，您是否运行过npm install？您可以先删除node_modules文件夹，然后重新安装。

似乎缺少lib或在运行时引用了错误的版本。

在webpack的情况下-angular-cli已将webpack安装为依赖项。您不应该添加新的。 Angular-cli仅适用于特定的Webpack版本。