cloudinaryJsLib.Cloudinary 不是构造函数 Angular 6 Cloudinary答案

【问题标题】：cloudinaryJsLib.Cloudinary is not a constructor Angular 6 CloudinarycloudinaryJsLib.Cloudinary 不是构造函数 Angular 6 Cloudinary
【发布时间】：2018-12-13 18:12:13
【问题描述】：

我尝试将 Cloudinary 集成到我的 Angular 6.0.5 版项目中，但出现此错误：

cloudinaryJsLib.Cloudinary 不是构造函数

在第 66 行的 cloudinary.service.js 中

这里是我的 app.module.ts

...

import { Cloudinary as CloudinaryCore } from 'cloudinary-core';
import { CloudinaryConfiguration, CloudinaryModule } from '@cloudinary/angular-5.x';
import { Cloudinary } from '@cloudinary/angular-5.x/src/cloudinary.service';

export const cloudinary = { Cloudinary: CloudinaryCore };
export const config: CloudinaryConfiguration = { cloud_name: environment.CLOUDINARY_NAME,  upload_preset: environment.CLOUDINARY_PRESENT };


export function HttpLoaderFactory(httpClient: HttpClient) {
    return new TranslateHttpLoader(httpClient);
}

@NgModule({
    declarations: [
        AppComponent,
        LoginComponent,
        SelRegionComponent,
        SelAreaComponent
    ],
    imports: [
        BrowserModule,
        AppRoutingModule,
        HttpClientModule,
        FileUploadModule,
        FormsModule,

        CloudinaryModule.forRoot(cloudinary, config),

        TranslateModule.forRoot({
            loader: {
                provide: TranslateLoader,
                useFactory: HttpLoaderFactory,
                deps: [HttpClient]
            }
        })
    ],
    providers: [TranslationSettingsService],
    bootstrap: [AppComponent]
})
export class AppModule { }

这里是代码模板：

<cl-image public-id="problem.images[0].public_id">
         <cl-transformation alt="A sample photo" className="Samples">
          </cl-transformation>
</cl-image>

Angular CLI：6.0.8，节点：8.11.2，Angular：6.0.5

【问题讨论】：

标签： angular service cloudinary

【解决方案1】：

查看以下示例，了解有关与 Cloudinary 集成的更多信息-https://github.com/cloudinary/cloudinary_angular/tree/master/samples/angular-cli-sample

【讨论】：