【问题标题】:<ngx-qrcode> isn't known element in ionic 4<ngx-qrcode> 不是 ionic 4 中的已知元素
【发布时间】:2019-06-27 07:56:41
【问题描述】:

自从在ionic 4中使用QR码扫描应用程序以来,我不断收到如下错误:

错误:模板解析错误: 无法绑定到“qrc-value”,因为它不是“ngx-qrcode”的已知属性。 1. 如果 'ngx-qrcode' 是一个 Angular 组件并且它有 'qrc-value' 输入,那么验证它是这个模块的一部分。 2. 如果“ngx-qrcode”是一个 Web 组件,则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”以禁止显示此消息。 3. 允许任何属性将“NO_ERRORS_SCHEMA”添加到该组件的“@NgModule.schemas”。 ("

<ion-card *ngIf="createdCode">
<ngx-qrcode [ERROR ->][qrc-value]="createdCode"></ngx-qrcode>
<ion-card-content>

请帮我解决这个问题。

【问题讨论】:

  • 您的问题并没有说明您是否已在模块中声明它,就像错误询问您的那样?
  • 你解决了吗?我有同样的问题

标签: angular ionic-framework qr-code ionic4


【解决方案1】:

除了在 app.module.ts 中导入模块(按照https://www.npmjs.com/package/ngx-qrcode2 上的说明),请确保在 page-name.module.ts 中执行相同的操作> 也是。

我也遇到了同样的问题,这个解决方案解决了。 :)

【讨论】:

    【解决方案2】:

    如果您使用延迟加载,请在您的页面所在的模块上导入 NgxQRCodeModule,而不是在 app.module 上。

    也试试这个 --

    use [(qrc-value)] instead of [qrc-value]
    <ngx-qrcode [(qrc-value)]="createdCode"></ngx-qrcode>
    

    【讨论】:

    • 我已经完成了你上面提到的一切,但仍然遇到同样的问题。
    【解决方案3】:

    我相信你错过了importing the module in app.module.ts。 对包裹做了一些检查。请确保您正确遵循所有说明。

    https://www.npmjs.com/package/ngx-qrcode2

    【讨论】:

    • 仍然遇到同样的问题。
    • 你能发布你正在使用的 npm 包吗?
    猜你喜欢
    • 2017-12-25
    • 1970-01-01
    • 2023-03-17
    • 1970-01-01
    • 2022-06-10
    • 2020-08-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多