각도 (5) CLI - Cloudinary - <cl-image> 오류

Question

그래서,

나는 우리의 웹 사이트에 나는이 가지고 다음 지침 cloudinary을 구현하기 위해 노력하고 있습니다 :

app.module을

... 
import { CloudinaryModule } from '@cloudinary/angular-4.x'; 
import { Cloudinary } from 'cloudinary-core/cloudinary-core-shrinkwrap'; 
... 


const cloudinaryLib = { 
    Cloudinary: Cloudinary 
} 
... 
@NgModule({ 
    declarations: [AppComponent], 
    imports: [ 
    CloudinaryModule.forRoot(cloudinaryLib, {cloud_name: 'mycloudname'}) 
    ... 
    ] 
    ... 
}); 

다음 내보기에서 내가 가지고

<cl-image public-id="id-to-the-asset"></cl-image> 

,451,515,

를 제공 NG 을하는 동안 나는

ERROR in Error at C:/DEVELOPMENT/app1/src/app/pages/a/a-page.component.html(10,3): (" 
    ></div> 

    [ERROR ->]<cl-image public-id="site-assets/aaa"></cl-image> 

    <div class="container"> 
") 

어떤 아이디어 왜 오류가 무엇입니까?

: 오류가 나는 또한

"@angular/core": "^5.0.0-rc.8", 
... 
"cloudinary-core": "^2.3.0", 
"@cloudinary/angular-4.x": "^1.0.0", 
... 
"@angular/cli": "^1.5.0-rc.6", 

을

사용하고 왜 아무것도, 내가보기에서 CL-이미지를 제거하고 CLI가 페이지를 구축 할 수 있다면이 경고를 얻을 것으로 나타났습니다 없다고 말합니다 15-36 긴급 의존성 : 에

경고 5659을 ./node_modules/@cloudinary/angular-4.x/node_modules/@angular/core/@angular/core.es5.js 종속성의 요청이있다 표현식 Compilation.reportDependencyErrorsAndWarnings (C :/DEVELOPMENT/app1 \ node_modules \ webpack \ lib \ Compilation.js)에서 ImportLazyContextDependency.getWarnings (C :/DEVELOPMENT/app1 \ node_modules \ webpack \ lib \ dependencies \ ContextDependency.js : 39 : 18) : C :/DEVELOPMENT/app1 \ node_modules \ webpack \ lib) (C :/DEVELOPMENT/app1 \ node_modules \ webpack \ lib \ Compilation.js : 561 : 9) 에서 applyPluginsParallel.err C :/DEVELOPMENT/app1 \ node_modules \ webpack \ lib \ Compilation에서 C :/DEVELOPMENT/app1 \ node_modules \ tapable \ lib \ Tapable.js : 289 : 11 의 을 _addModuleChain에 추가하십시오. _combinedTickCallback (internal/process/next_tick.js : 73 : 7) 01251641061745151 (처리 할 수 ​​없음)at process._tickCallback (internal/process/next_tick.js : 104 : 9) @ ./node_modules/@cloudinary/angular-4.x/node_modules/@angular/core/@angular/core.es5.js @ ./node_modules/@cloudinary/angular-4.x/src/cloudinary-image-source.directive.js @ ./node_modules/@cloudinary/angular-4.x/src/cloudinary.module.js @ ./ src/app/app.module.ngfactory.js @ ./src/main.ts @ multi webpack-dev-server/client? http://0.0.0.0:0 ./src/main.ts

에 경고 5675은 ./node_modules/@cloudinary/angular-4.x/node_modules/@angular/core/@angular/core.es5.js : 긴급 15-102 dependency : Compilation.reportDependencyErrorsAndWarnings (C :/DEVELOPMENT/app1 \ node_modules \ webpack \ lib \ dependencies \ ContextDependency.js : 39 : 18)에서 표현식이 인 ImportLazyContextDependency.getWarnings에서 종속성 요청이 있습니다. /app1\node_modules\webpack\lib\Compilation.js:703:24) at Compilation.finish (C :/DEVELOPMENT/app1 \ node_modules \ webpack \ lib \ Compilation.js : 561 : 9) (applyPluginsParallel.err (C :/DEVELOPMENT/app1 \ node_modules \ webpack \ lib \ Compiler.DEVELOPMENT/app1 \ node_modules \ tapable \ lib \ Tapable.js : 289 : 11 _addModuleChain (C :/DEVELOPMENT/app1 \ node_modules \ webpack \ lib \ Compilation.js : 507)에서 : _combinedTickCallback (internal/process/next_tick.js : 73 : 7) 에서 을 processModuleDependencies.err (C :/DEVELOPMENT/app1 \ node_modules \ webpack \ lib \ Compilation.js : 477 : 14) 에 있습니다. _tickCallback (내부/프로세스/next_tick.js : 104 : 9) @ ./node_modules/@cloudinary/angular-4.x/node_modules/@angular/core/@angular/core.es5.js @ ./node_modules/ @ cloudinary/angular-4.x/src/cloudinary-image-source.directive.js @ ./node_modules/@cloudinary/angular-4.x/src/cloudinary.module.js @ ./src/app/ app.module.ngfactory.js @ ./src/main.ts @ multi webpack-dev-server/client? http://0.0.0.0:0 ./src/main.ts

편집을 할

나는 최신 4.x의 각 버전으로 다운 그레이드 오류도 경고를 구축하지 않습니다 ...하지만 내가 어떻게해야합니까

'cl-image' is not a known element: 

그래도 여전히 작동하지 않습니다.

Answer 1

저에게 적합합니다. 난 당신이

import * as cloudinary from 'cloudinary-core/cloudinary-core-shrinkwrap'; 

및

CloudinaryModule.forRoot(cloudinary, 
    { 
    cloud_name: 'ccloudd' 
    } as CloudinaryConfiguration),