【发布时间】：2022-06-10 20:31:45
【问题描述】：
我有一个错误，即使在 app 模块中导入 NgxImageZoomModule 并将依赖项添加到 package.json 文件之后，lib-ngx-image-zoom 不是已知元素，我已经按照给出的所有说明进行操作在https://www.npmjs.com/package/ngx-image-zoom
代码文件.................................................. ..................................................... .....................
HTML 文件 -
<div class="container-fluid">
<div class="row">
<div class="col-6">
<lib-ngx-image-zoom [thumbImage]=myThumbnail
[fullImage]=myFullresImage> </lib-ngx-image-zoom>
</div>
</div>
</div>
package.json 文件 -
{
"name": "customer",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build --prod",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/animations": "~8.2.14",
"@angular/cdk": "~8.2.3",
"@angular/common": "~8.2.14",
"@angular/compiler": "~8.2.14",
"@angular/core": "~8.2.14",
"@angular/forms": "~8.2.14",
"@angular/http": "^5.2.0",
"@angular/material": "~8.2.3",
"@angular/platform-browser": "~8.2.14",
"@angular/platform-browser-dynamic": "~8.2.14",
"@angular/router": "~8.2.14",
"@ng-bootstrap/ng-bootstrap": "^5.3.1",
"angular2-jwt": "^0.2.3",
"bootstrap": "^4.6.1",
"core-js": "^3.22.8",
"express": "^4.18.1",
"hammerjs": "^2.0.8",
"jquery": "^3.6.0",
"ng-image-slider": "^2.8.0",
"ngx-cookie-service": "^3.1.3",
"ngx-image-zoom": "^1.0.1",
"ngx-spinner": "^8.1.0",
"ngx-toastr": "^11.3.3",
"npm": "^6.14.17",
"popper.js": "^1.16.1",
"rxjs": "^6.6.7",
"rxjs-compat": "^6.6.7",
"to": "^0.2.9",
"tslib": "^1.14.1",
"update": "^0.7.4",
"zone.js": "~0.9.1"
},
"devDependencies": {
"@angular-devkit/build-angular": "^0.803.29",
"@angular/cli": "^8.3.29",
"@angular/compiler-cli": "~8.2.14",
"@angular/language-service": "~8.2.14",
"@types/jasmine": "~3.3.8",
"@types/jasminewd2": "^2.0.10",
"@types/node": "~8.9.4",
"codelyzer": "^5.0.0",
"jasmine-core": "~3.4.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~4.1.0",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.1",
"karma-jasmine": "~2.0.1",
"karma-jasmine-html-reporter": "^1.7.0",
"protractor": "~5.4.0",
"ts-node": "~7.0.0",
"tslint": "~5.15.0",
"typescript": "~3.5.3"
}
}
app.module.ts 文件 -
import { BrowserModule } from '@angular/platform-browser';
import { NgxImageZoomModule } from 'ngx-image-zoom';
import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
@NgModule({
declarations: [
AppComponent
],
imports: [
NgxImageZoomModule,
BrowserModule,
CommonModule,
NgModule
],
bootstrap: [AppComponent]
})
export class AppModule { }
【问题讨论】：
-
这有帮助吗？ npmjs.com/package/ngx-image-zoom ?
-
请将代码和数据添加为文本 (using code formatting)，而不是图像。图片：A）不允许我们复制粘贴代码/错误/数据进行测试； B) 不允许根据代码/错误/数据内容进行搜索；和many more reasons。除了代码格式的文本之外，只有在图像添加了一些重要的东西，而不仅仅是文本代码/错误/数据传达的内容时，才应该使用图像。