角度（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> 

を果たす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"> 
") 

任意のアイデアなぜエラーを取得していますか？ エラー

私はビューからCL-画像を削除し、CLIがページを構築できた場合、私はこれらの警告を得ることに気づき、また

"@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", 

を使用しています理由に何も言う：

./node_modules/@cloudinary/angular-4.x/node_modules/@angular/core/@angular/core.es5.js 5659で

WARNING：15-36クリティカル依存関係：依存関係の要求が です式 Compilation.reportDependencyErrorsAndWarnings（C：/ DEVELOPMENT/app1 \ node_modules \ webpack \ lib \ Compilation.js）にある のImportLazyContextDependency.getWarnings（C：/ DEVELOPMENT/app1 \ node_modules \ webpack \ lib \ dependencies \ ContextDependency.js：39： （C：/ DEVELOPMENT/app1 \ node_modules \ webpack \ lib：Compilation.js：561：9） ：applyPluginsParallel.err（C：/ DEVELOPMENT/app1 \ node_modules \ webpack \ lib）： 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）の をprocessModuleDependencies.err（C：/ DEVELOPMENT/app1 \ node_modules \ webpack \ lib \ Compilation.js：477：14）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？ ./node_modules/@cloudinary/angular-4.x/node_modules/@angular/core/@angular/core.es5.js 5675でhttp://0.0.0.0:0 ./src/main.ts

WARNING：15-102クリティカル依存関係：依存関係の要求は、の式 であり、ImportLazyContextDependency.getWarnings（C：/ DEVELOPMENT/app1 \ node_modules \ webpack \ lib \ dependencies \ ContextDependency.js：39：18） でCompilation.reportDependencyErrorsAndWarnings（C：/ DEVELOPMENT /app1\node_modules\webpack\lib\Compilation.js:703:24） をCompilation.finish（C：/ DEVELOPMENT/app1 \ node_modules \ webpack \ lib \ Compilation.js：561：9） でapplyPluginsParallel.err（ C：/ DEVELOPMENT/app1 \ node_modules \ webpack \ lib \ Compilerにあります。ja：506：17） C：/ DEVELOPMENT/app1 \ node_modules \ tapable \ lib \ Tapable.js：289：11 _addModuleChain（C：/ DEVELOPMENT/app1 \ node_modules \ webpack \ lib \ Compilation.js：507）プロセス内の_combinedTickCallback（内部/プロセス/ next_tick.js：73：7）の をprocessModuleDependencies.err（C：/ DEVELOPMENT/app1 \ node_modules \ webpack \ lib \ Compilation.js：477：14） にします。 _tickCallback（internal/process/next_tick.js：104：9）@ ./node_modules/@cloudinary/angular-4.x/node_modules/@angular/core/@angular/core.es5.js @ ./node_modules/ @ cloudy/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

EDITED

私は最新の4.x角度のバージョンにダウングレードし、エラーや警告を構築し得ることはありません...しかし、私は入手できますか

'cl-image' is not a known element: 

so、まだ動作していません。

Answer 1

私のために働きます。私はあなたが

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

と

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