Npm 为什么我的Ngx-qrcode2没有在Angular中生成QR码?
这个问题我已经解决了将近三天了。所以我现在要做的是,在一个页面上显示一个二维码,把你带到一个URL。为此,我使用了Npm 为什么我的Ngx-qrcode2没有在Angular中生成QR码?,npm,jhipster,qr-code,angular7,Npm,Jhipster,Qr Code,Angular7,这个问题我已经解决了将近三天了。所以我现在要做的是,在一个页面上显示一个二维码,把你带到一个URL。为此,我使用了ngx-qrcode2 到目前为止,我已经尝试运行了一个npm安装ngx-qrcode2--save。然后,我遵循了这个教程:,甚至生成了另一个angular应用程序,并且完全遵循了他所做的。它仍然不起作用。运行后,我的控制台显示以下错误: Uncaught Error: Template parse errors: Can't bind to 'qrc-value' since i
ngx-qrcode2
到目前为止,我已经尝试运行了一个npm安装ngx-qrcode2--save
。然后,我遵循了这个教程:,甚至生成了另一个angular应用程序,并且完全遵循了他所做的。它仍然不起作用。运行后,我的控制台显示以下错误:
Uncaught Error: Template parse errors:
Can't bind to 'qrc-value' since it isn't a known property of 'ngx-qr-code'.
另外,在我自己的应用程序上,我一直在努力生成二维码,它不显示二维码,但不同的是,它也不显示任何控制台错误。这与我尝试生成的二维码应用程序是分开的
以下是我在二维码生成应用程序中的一些代码:
app.component.ts
app.component.html
我的另一个应用程序也有完全相同的东西
另外,如果有帮助,这里是我的package.json
文件
{
"name": "qrcode",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/animations": "~7.2.0",
"@angular/common": "~7.2.0",
"@angular/compiler": "~7.2.0",
"@angular/core": "~7.2.0",
"@angular/forms": "~7.2.0",
"@angular/platform-browser": "~7.2.0",
"@angular/platform-browser-dynamic": "~7.2.0",
"@angular/router": "~7.2.0",
"core-js": "^2.5.4",
"ngx-qrcode2": "0.0.9",
"rxjs": "~6.3.3",
"tslib": "^1.9.0",
"zone.js": "~0.8.26"
},
"devDependencies": {
"@angular-devkit/build-angular": "~0.13.0",
"@angular/cli": "~7.3.8",
"@angular/compiler-cli": "~7.2.0",
"@angular/language-service": "~7.2.0",
"@types/node": "~8.9.4",
"@types/jasmine": "~2.8.8",
"@types/jasminewd2": "~2.0.3",
"codelyzer": "~4.5.0",
"jasmine-core": "~2.99.1",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~4.0.0",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.1",
"karma-jasmine": "~1.1.2",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~5.4.0",
"ts-node": "~7.0.0",
"tslint": "~5.11.0",
"typescript": "~3.2.2"
}
}
在这一点上,我不知道还能做什么。提前感谢。npm包ngx-qrcode2已被弃用。改用@techiediaries/ngx qrcode 尝试安装
npm install @techiediaries/ngx-qrcode --save
这里是更新包的链接我也遇到了同样的错误 因为,它已被弃用。因此,请使用[value]而不是[qrc value]:
<ngx-qrcode [value]="createdCode"></ngx-qrcode>
我认为您使用的标签不正确。我也有同样的问题,你解决了吗?
{
"name": "qrcode",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/animations": "~7.2.0",
"@angular/common": "~7.2.0",
"@angular/compiler": "~7.2.0",
"@angular/core": "~7.2.0",
"@angular/forms": "~7.2.0",
"@angular/platform-browser": "~7.2.0",
"@angular/platform-browser-dynamic": "~7.2.0",
"@angular/router": "~7.2.0",
"core-js": "^2.5.4",
"ngx-qrcode2": "0.0.9",
"rxjs": "~6.3.3",
"tslib": "^1.9.0",
"zone.js": "~0.8.26"
},
"devDependencies": {
"@angular-devkit/build-angular": "~0.13.0",
"@angular/cli": "~7.3.8",
"@angular/compiler-cli": "~7.2.0",
"@angular/language-service": "~7.2.0",
"@types/node": "~8.9.4",
"@types/jasmine": "~2.8.8",
"@types/jasminewd2": "~2.0.3",
"codelyzer": "~4.5.0",
"jasmine-core": "~2.99.1",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~4.0.0",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.1",
"karma-jasmine": "~1.1.2",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~5.4.0",
"ts-node": "~7.0.0",
"tslint": "~5.11.0",
"typescript": "~3.2.2"
}
}
npm install @techiediaries/ngx-qrcode --save
<ngx-qrcode [value]="createdCode"></ngx-qrcode>