首页 文章

Angular(5)cli - Cloudinary - <cl-image>错误

提问于
浏览
0

所以,

我正在尝试在我们的网站上实施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>

在做服务时,我收到了一个错误

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-image并让cli构建页面,我会收到以下警告:

警告在./node_modules/@cloudinary/angular-4.x/node_modules/@angular/core/@angular/core.es5.js 5659:15-36严重依赖:依赖的请求是ImportLazyContextDependency的表达式 . Compilation.reportDependencyErrorsAndWarnings上的getWarnings(C:/ DEVELOPMENT / app1 \ node_modules \ webpack \ lib \ dependencies \ ContextDependency.js:39:18)(C:/ DEVELOPMENT / app1 \ node_modules \ webpack \ lib \ Compilation.js:703:24 )在applyPluginsParallel.err的Compilation.finish(C:/ DEVELOPMENT / app1 \ node_modules \ webpack \ lib \ Compilation.js:561:9)中(C:/ DEVELOPMENT / app1 \ node_modules \ webpack \ lib \ Compiler.js:506) :17)at at C:/ DEVELOPMENT / app1 \ node_modules \ tapable \ lib \ Tapable.js:289:11 atAddModuleChain(C:/ DEVELOPMENT / app1 \ node_modules \ webpack \ lib \ Compilation.js:507:11)at processModuleDependencies .err(C:/ DEVELOPMENT / app1 \ node_modules \ webpack \ lib \ Compilation.js:477:14)在process._tickCallback(internal / process / next_tick)的_combinedTickCallback(internal / process / next_tick.js:73:7) . 节:104:9)@ ./node_m odules / @ 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-服务器/客户端?http://0.0.0.0:0 ./src/main.ts警告在./node_modules/@cloudinary/angular-4.x/node_modules/@angular/core/@angular/core.es5.js 5675:15-102严重依赖:依赖的请求是Compilation.reportDependencyErrorsAndWarnings(C中的ImportLazyContextDependency.getWarnings(C:/ DEVELOPMENT / app1 \ node_modules \ webpack \ lib \ dependencies \ ContextDependency.js:39:18)中的表达式:/ DEVELOPMENT / app1 \ node_modules \ webpack \ lib \ Compilation.js:703:24)在applyPluginsParallel.err的Compilation.finish(C:/ DEVELOPMENT / app1 \ node_modules \ webpack \ lib \ Compilation.js:561:9) (C:/ DEVELOPMENT / app1 \ node_modules \ webpack \ lib \ Compiler.js:506:17)位于C:/ DEVELOPMENT / app1 \ node_modules \ tapable \ lib \ Tapable.js:289:11 at_addModuleChain(C:/ DEVELOPMENT / app1 \ node_modules \ webpack \ lib \ Compilation.js:507:11)at processModuleDependencies.err(C:/ DEVELOPMENT / app1 \ node_modules \ webpack \ lib \ Compilation .js:477:14)在_combinedTickCallback(internal / process / next_tick.js:73:7)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

EDITED

我降级到最新的4.x角度版本,不会出现构建错误或警告......但我确实得到了

'cl-image' is not a known element:

所以,仍然没有工作

1 回答

  • 1

    这个对我有用 . 我建议你需要

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

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

相关问题