cloudinaryJsLib.Cloudinary 不是构造函数 Angular 6 Cloudinary
cloudinaryJsLib.Cloudinary is not a constructor Angular 6 Cloudinary
我尝试将 Cloudinary 集成到我的 Angular 版本 6.0.5 项目中,但出现此错误:
cloudinaryJsLib.Cloudinary is not a constructor
在第 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
查看以下示例以获取有关与 Cloudinary 集成的更多信息- https://github.com/cloudinary/cloudinary_angular/tree/master/samples/angular-cli-sample
我尝试将 Cloudinary 集成到我的 Angular 版本 6.0.5 项目中,但出现此错误:
cloudinaryJsLib.Cloudinary is not a constructor
在第 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
查看以下示例以获取有关与 Cloudinary 集成的更多信息- https://github.com/cloudinary/cloudinary_angular/tree/master/samples/angular-cli-sample