Cloudinary＆amp; Angular：'cl-transformation'不是已知的元素

Question

我想为图像添加一个cl转换，但是我收到了这个错误：

  

'cl-transformation'不是已知元素

这是我到目前为止所尝试的内容：

intro.html中的

：

<cl-image public-id="sample" cloud-name="test" >
    <cl-transformation effect="shadow"><cl-transformation>
</cl-image>

intro.module.ts中的

：

import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { IntroPage } from './intro';
import {FileUploadModule } from 'ng2-file-upload';
import { Ng2CloudinaryModule } from 'ng2-cloudinary';

@NgModule({
  declarations: [
      IntroPage,
  ],
  imports: [
      IonicPageModule.forChild(IntroPage),
      FileUploadModule,
      Ng2CloudinaryModule    => seems necessary for cl-image
   ]
})
export class IntroPageModule {}

结果（OKAY）：

<cl-image public-id="sample" cloud-name="test" >
</cl-image>

但是使用“cl-transformation”然后我收到了这个错误：

我也尝试过：

app.module.ts中的

：

import { CloudinaryModule, CloudinaryConfiguration } from '@cloudinary/angular';
import { Cloudinary } from 'cloudinary-core';

...
imports:[
   CloudinaryModule.forRoot({Cloudinary}, { cloud_name: 'test' } as CloudinaryConfiguration),
]

但我明白了：

  

OpaqueToken不是构造函数

我最后还尝试了什么：

intro.ts中的

：

import {CloudinaryImageComponent} from 'ng2-cloudinary';

（文档说：此指令允许显示Cloudinary图像并应用转换）

但它仍然不起作用......

有什么想法吗？

Answer 1

看起来您正在将Cloudinary的SDK与另一个外部SDK（https://github.com/ekito/ng2-cloudinary）混合使用。 外部可能根本没有组件。

如果你使用Cloudinary的SDK应该是（假设Angular 5） 从'@ cloudinary / angular-5.x'导入{CloudinaryModule，CloudinaryConfiguration};

Answer 2

只需使用这些更新，更高级的软件包，并将其更新为5+角

cloudinary_angular

cloudinary-core