2017-03-27 61 views
5

मैं इस तरह अद्यतन को अपग्रेड करने के बाद काम नहीं कर रहा, found hereकोणीय रूटिंग कोणीय 4

On Linux/Mac: npm install @angular/{common,compiler,compiler-cli,core,forms,http,platform-browser,platform-browser-dynamic,platform-server,router,animations}@latest [email protected] --save

जब मैं node_modules निकालें और फिर npm install मैं इस मिलता है,

WARNING in ./~/@angular/core/@angular/core.es5.js 5889:15-36 Critical dependency: the request of a dependency is an expression

हो सकता है कि इस में मदद मिलेगी किसी ने मुझे मदद । यह ES5 के साथ एक मुद्दा प्रतीत होता है?

कंसोल में वर्तमान त्रुटियां।

enter image description here

पृष्ठभूमि

मेरे परियोजना ठीक काम कर रहा था जब तक मैं Angular 4 कल रात करने के लिए उन्नत। अब जब मैं मॉड्यूल लोड करने के बजाय एक लिंक पर क्लिक करता हूं (मैं आलसी लोडिंग कर रहा हूं) यह मुझे बताता है कि यह मॉड्यूल नहीं ढूंढ सकता है।

eror

ZoneAwareError {__zone_symbol__error: Error: Uncaught (in promise): Error: Cannot find module './benefits/benefits.module'. Error: Cannot ……}

किसी और इस स्थिति साझा या इसे ठीक या यहाँ तक कि यह निवारण के बारे में जाने के लिए क्या करना है के लिए किसी भी सुराग है गया है? मैंने सोचा कि Angular 4 में कोई ब्रेकिंग बदलाव नहीं था?

कोड उदाहरण

package.json

{ 
    "name": "my-web-application", 
    "version": "0.0.0", 
    "license": "MIT", 
    "angular-cli": {}, 
    "scripts": { 
    "ng": "ng", 
    "start": "ng serve", 
    "test": "ng test", 
    "lint": "ng lint", 
    "e2e": "ng e2e" 
    }, 
"private": true, 
    "dependencies": { 
    "@angular/animations": "^4.0.0", 
    "@angular/common": "^4.0.0", 
    "@angular/compiler": "^4.0.0", 
    "@angular/compiler-cli": "^4.0.0", 
    "@angular/core": "^4.0.0", 
    "@angular/forms": "^4.0.0", 
    "@angular/http": "^4.0.0", 
    "@angular/platform-browser": "^4.0.0", 
    "@angular/platform-browser-dynamic": "^4.0.0", 
    "@angular/platform-server": "^4.0.0", 
    "@angular/router": "^4.0.0", 
    "angular2-jwt": "^0.1.28", 
    "angular2-signaturepad": "^2.2.0", 
    "auth0-lock": "^10.5.0", 
    "core-js": "^2.4.1", 
    "ng2-bootstrap": "^1.3.3", 
    "ng2-charts": "^1.5.0", 
    "ng2-toasty": "^2.5.0", 
    "rxjs": "^5.2.0", 
    "typescript": "^2.2.1", 
    "zone.js": "^0.7.6" 
    }, 
    "devDependencies": { 
    "@angular/cli": "1.0.0-beta.32.3", 
    "@angular/compiler-cli": "^2.4.0", 
    "@types/jasmine": "2.5.38", 
    "@types/node": "~6.0.60", 
    "codelyzer": "~2.0.0-beta.4", 
    "jasmine-core": "~2.5.2", 
    "jasmine-spec-reporter": "~3.2.0", 
    "karma": "~1.4.1", 
    "karma-chrome-launcher": "~2.0.0", 
    "karma-cli": "~1.0.1", 
    "karma-jasmine": "~1.1.0", 
    "karma-jasmine-html-reporter": "^0.2.2", 
    "karma-coverage-istanbul-reporter": "^0.2.0", 
    "protractor": "~5.1.0", 
    "ts-node": "~2.0.0", 
    "tslint": "~4.4.2", 
    "typescript": "~2.2.1" 
    } 
+0

चरणों आप angular4 – Aravind

+0

मैं अद्यतन सवाल – wuno

+0

अपने अंतिम कोणीय-CLI संस्करण क्या है करने के लिए अद्यतन करने के लिए पीछा किया क्या हैं? – Brampage

उत्तर

2

मैं त्रुटियों कि आप जबकि कोणीय 4.0 पर अपग्रेड चित्र के कुछ भर में आया था:

Critical dependency: The request of the dependency is an expression.

अद्यतन कर रहा है angluar -cli नवीनतम हल करने के लिए कि मेरे लिए:

  1. ng serve (यदि चल रहा है) रोकें।
  2. npm install @angular/[email protected] --save-dev
  3. ng serve

उम्मीद है, यह आपके zone.js मुद्दे के रूप में अच्छी तरह से ठीक करता है (मुझे रखने के पोस्ट, कृपया)।

चेतावनी:

The <template> element is deprecated. Use <ng-template> instead...

सबसे अधिक संभावना एक पुस्तकालय के कारण होता है कि पदावनत template सिंटेक्स के उपयोग (या आप अपने कोड में हैं), तो आप चाहते हो सकता है (संभवतः ng2-bootstrap, ng2-charts, या ng2-toasty?) उनको अपग्रेड करने का प्रयास करने के लिए - यदि कोई नया संस्करण है। मुझे यह बहिष्करण चेतावनी भी मिली, लेकिन मेरी एक निर्भरता है जिसे अभी भी 4.0 तक अपडेट नहीं किया गया है, इसलिए मैं अगले कुछ दिनों से इसके साथ रह रहा हूं।

नोट: (जैसे मैं मूल रूप से ध्यान दे आवश्यकता नहीं थी) मैं उन्हें शब्दशः निम्नलिखित के रूप में उन upgrade instructions के एक बड़े प्रशंसक नहीं था कुछ परियोजनाओं पर आप dependencies और devDependencies दोनों है कि एक ही lib के विभिन्न संस्करणों के लिए संदर्भ देता है । उदाहरण के लिए, आप में अब @angular/compiler-cli के दो संस्करण हैं जो आपके package.json: 4.0 और 2.4 में संदर्भित हैं।

  1. कोई नया प्रोजेक्ट बनाएं: संपूर्णता

    दुर्भाग्य से, के लिए

    अद्यतन wuno के मामले में, अपग्रेड पूरा करने के लिए, वह जहाँ तक जाने के लिए के रूप में किया था।

  2. इसे अपडेट करें।
  3. src निर्देशिका को अपने मौजूदा प्रोजेक्ट से बदलें।
  4. उसके अतिरिक्त पैकेज के साथ npm install और package.json अद्यतन करें।

प्रति अपने अंतिम टिप्पणी:

I had to create a new project, update it, replace the src directory with the one from my existing project then npm install and update package.json with my extra packages.

हम कभी नहीं काफी क्या पता चला मुद्दा यह है कि उसे करने के लिए मजबूर पैदा कर रहा था उसकी विशेष मामले में परियोजना फिर से बनाते हैं, लेकिन अंत में CLI उन्नयन मूल प्रश्न में इस मुद्दे को ठीक किया गया।

+0

जी हाँ मैं सोच रहा था कि यह भी हल करेगा। लेकिन यह मेरे लिए इसे हल नहीं किया। – wuno

+0

@wuno क्या आप अभी भी सभी चेतावनियों/त्रुटियों का सामना कर रहे हैं या कुछ को सीएलआई अपडेट के बाद साफ़ कर दिया गया है? –

+0

वैसे मुझे अभी मेरी समस्या का एहसास हुआ है कि मैं अद्यतन होने के बाद से चलाने के लिए एनजी सेवा प्राप्त नहीं कर सकता। मैं संपत्ति अशक्त लेखन त्रुटि की 'config' पढ़ा नहीं जा सकता मिलती है: Class.run (कम से संपत्ति अशक्त की 'config' पढ़ा नहीं जा सकता/उपयोगकर्ताओं/wuno/ड्रॉपबॉक्स/गूगल/DevOps/नोड/रिवरवॉक-वेब-आवेदन/node_modules/angular- CLI/कार्य/serve.js: 22: 61) /Users/wuno/Dropbox/google/devops/node/riverwalk-web-application/node_modules/angular-cli/commands/serve.run.js:22:22 पर process._tickCallback पर (आंतरिक/प्रक्रिया/next_tick.js: 103: 7) – wuno

संबंधित मुद्दे