angular - 角度为 6 的 CamanJs

Question

我正在尝试将 camanjs 与 angular 6 一起使用。当 npm 上没有类型时，如何添加 js lib 并将其与 angular 一起使用。我遵循许多步骤

import * as Caman from '节点模块中 caman 的路径'

  ngAfterViewInit() {
       Caman('#image-id', function () {
            this.brightness(10);
            this.contrast(20);
          });
     }

但是当启动服务器时我得到这个错误

score 1 · Accepted Answer

在.angular-cli.json的scripts数组中，添加路径caman

"scripts": [
    "../node_modules/path-to-caman"
],

如果是 Angular 6 inangular.json的scripts数组，请将路径添加到caman

"scripts": [
    "node_modules/path-to-caman"
],

然后，在您的组件中，只需声明一个如下命名的变量Caman：

declare var Caman: any;

你不需要做

import * as Caman from 'path-to-caman'

因为你的编译器会抛出一个错误，指出：

找不到模块“caman”。

.angular-cli只需将脚本添加到/中的脚本数组angular.json（在 Angular 6 的情况下）即可将其添加到全局范围，您就可以从组件中访问它。

另外，请确保在ngAfterViewInit生命周期钩子方法中调用它的任何函数，因为它试图通过 id 访问 DOM 元素。

score 0 · Accepted Answer

2 回答 2