cstefanache / angular2-img-cropper

Angular 2 Image Cropper
MIT License
364 stars 135 forks source link

Angular 4.0.1 error #171

Closed limpep closed 7 years ago

limpep commented 7 years ago

Hi I am getting the following error

npm WARN ng2-img-cropper@0.8.6 requires a peer of @angular/common@4.0.0 but none was installed. npm WARN ng2-img-cropper@0.8.6 requires a peer of @angular/compiler@4.0.0 but none was installed. npm WARN ng2-img-cropper@0.8.6 requires a peer of @angular/core@4.0.0 but none was installed.

here is my package.json,


{
  "version": "0.0.0",
  "license": "MIT",
  "angular-cli": {},
  "scripts": {
    "postinstall": "chmod +x normalize_file_names.sh",
    "ng": "ng",
    "start": "ng serve",
    "test": "ng test",
    "lint": "ng lint",
    "test-no-watch": "ng test --single-run",
    "build": "ng build --aot=false",
    "build-prod": "ng build --prod --aot && ./normalize_file_names.sh",
    "pree2e": "webdriver-manager update --standalone false --gecko false",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^4.0.1",
    "@angular/common": "^4.0.1",
    "@angular/compiler": "^4.0.1",
    "@angular/core": "^4.0.1",
    "@angular/forms": "^4.0.1",
    "@angular/http": "^4.0.1",
    "@angular/material": "^2.0.0-beta.2",
    "@angular/platform-browser": "^4.0.1",
    "@angular/platform-browser-dynamic": "^4.0.1",
    "@angular/router": "^4.0.1",
    "@types/core-js": "^0.9.41",
    "@types/jquery": "^2.0.41",
    "angular2-cookie": "^1.2.6",
    "angular2-elastic-input": "^1.1.1",
    "angular2-material-datepicker": "^0.5.0",
    "core-js": "^2.4.1",
    "hammerjs": "^2.0.8",
    "intl": "^1.2.5",
    "jquery": "^3.2.1",
    "moment": "^2.18.1",
    "ng2-auto-complete": "^0.12.0",
    "ng2-img-cropper": "^0.8.6",
    "ng2-validation": "^3.9.1",
    "ng2-webstorage": "^1.5.1",
    "rxjs": "^5.3.0",
    "textcomplete": "^0.8.0",
    "zone.js": "^0.8.5"
  },
  "devDependencies": {
    "@angular/cli": "^1.0.0",
    "@angular/compiler-cli": "^4.0.1",
    "@types/jasmine": "^2.5.47",
    "@types/jquery": "^2.0.41",
    "@types/node": "~7.0.12",
    "codelyzer": "~2.1.1",
    "jasmine-core": "~2.5.2",
    "jasmine-spec-reporter": "~3.2.0",
    "karma": "~1.5.0",
    "karma-chrome-launcher": "~2.0.0",
    "karma-cli": "~1.0.1",
    "karma-coverage-istanbul-reporter": "^1.0.0",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "null-loader": "^0.1.1",
    "protractor": "~5.1.1",
    "ts-node": "~3.0.2",
    "tslint": "~5.0.0",
    "typescript": "~2.2.2"
  }
}
cstefanache commented 7 years ago

have you upgraded npm packages? seems that might be someting wrong with the setup. not sure how to help. On Tue, 4 Apr 2017 at 10:24, Ergun Polat notifications@github.com wrote:

Hi I am getting the following error

npm WARN ng2-img-cropper@0.8.6 requires a peer of @angular/common@4.0.0 but none was installed. npm WARN ng2-img-cropper@0.8.6 requires a peer of @angular/compiler@4.0.0 but none was installed. npm WARN ng2-img-cropper@0.8.6 requires a peer of @angular/core@4.0.0 but none was installed.

here is my package.json,

{ "version": "0.0.0", "license": "MIT", "angular-cli": {}, "scripts": { "postinstall": "chmod +x normalize_file_names.sh", "ng": "ng", "start": "ng serve", "test": "ng test", "lint": "ng lint", "test-no-watch": "ng test --single-run", "build": "ng build --aot=false", "build-prod": "ng build --prod --aot && ./normalize_file_names.sh", "pree2e": "webdriver-manager update --standalone false --gecko false", "e2e": "ng e2e" }, "private": true, "dependencies": { "@angular/animations": "^4.0.1", "@angular/common": "^4.0.1", "@angular/compiler": "^4.0.1", "@angular/core": "^4.0.1", "@angular/forms": "^4.0.1", "@angular/http": "^4.0.1", "@angular/material": "^2.0.0-beta.2", "@angular/platform-browser": "^4.0.1", "@angular/platform-browser-dynamic": "^4.0.1", "@angular/router": "^4.0.1", "@types/core-js": "^0.9.41", "@types/jquery": "^2.0.41", "angular2-cookie": "^1.2.6", "angular2-elastic-input": "^1.1.1", "angular2-material-datepicker": "^0.5.0", "core-js": "^2.4.1", "hammerjs": "^2.0.8", "intl": "^1.2.5", "jquery": "^3.2.1", "moment": "^2.18.1", "ng2-auto-complete": "^0.12.0", "ng2-img-cropper": "^0.8.6", "ng2-validation": "^3.9.1", "ng2-webstorage": "^1.5.1", "rxjs": "^5.3.0", "textcomplete": "^0.8.0", "zone.js": "^0.8.5" }, "devDependencies": { "@angular/cli": "^1.0.0", "@angular/compiler-cli": "^4.0.1", "@types/jasmine": "^2.5.47", "@types/jquery": "^2.0.41", "@types/node": "~7.0.12", "codelyzer": "~2.1.1", "jasmine-core": "~2.5.2", "jasmine-spec-reporter": "~3.2.0", "karma": "~1.5.0", "karma-chrome-launcher": "~2.0.0", "karma-cli": "~1.0.1", "karma-coverage-istanbul-reporter": "^1.0.0", "karma-jasmine": "~1.1.0", "karma-jasmine-html-reporter": "^0.2.2", "null-loader": "^0.1.1", "protractor": "~5.1.1", "ts-node": "~3.0.2", "tslint": "~5.0.0", "typescript": "~2.2.2" } }

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/cstefanache/angular2-img-cropper/issues/171, or mute the thread https://github.com/notifications/unsubscribe-auth/AC7c4feZeDGnwO6a5BYeFbVmErI_I0epks5rsf45gaJpZM4MyiCg .

limpep commented 7 years ago

Here are the setup I have taken

  1. npm-check-updates -u get packages that need updating
  2. npm-check-updates -a apply updates on packages
  3. npm install

and thats when I get the error. Hope that helps.

limpep commented 7 years ago

I believe the issue might be related to peerDependencies in the package.json.

jimboweb commented 7 years ago

limpep can you explain that please? I'm having the same problem and don't know how to fix it.

limpep commented 7 years ago

@jimboweb first of all this isn't really a issue as the functionality of the library still works, this is just a warning and there is a pull request to fix this https://github.com/cstefanache/angular2-img-cropper/pull/195, it just hasn't been merged yet by @cstefanache .

jimboweb commented 7 years ago

Okay, I figured it out. If someone else is having this problem, you need to do yarn install or npm install in the directory and then ./mvnw to start it.