Ng-lazyload-image: अपरिभाषित की संपत्ति 'प्रकार' नहीं पढ़ सकता - कोणीय 7 सार्वभौमिक अनुप्रयोग

को निर्मित 26 फ़र॰ 2020 · 28टिप्पणियाँ · स्रोत: tjoskar/ng-lazyload-image

कल एनजी-लेज़ीलोड-इमेज स्थापित किया गया और एक त्रुटि हो रही है:

ERROR in ./node_modules/ng-lazyload-image/fesm5/ng-lazyload-image.js
Module build failed (from ./node_modules/@angular-devkit/build-optimizer/src/build-optimizer/webpack-loader.js):
TypeError: Cannot read property 'kind' of undefined
    at isAngularDecoratorMetadataExpression (C:\Users\Denis\Desktop\Projects\VPWebsite\node_modules\@angular-devkit\build-optimizer\src\transforms\scrub-file.js:265:35)
    at checkNodeForDecorators (C:\Users\Denis\Desktop\Projects\VPWebsite\node_modules\@angular-devkit\build-optimizer\src\transforms\scrub-file.js:77:21)
    at visitNodes (C:\Users\Denis\Desktop\Projects\VPWebsite\node_modules\@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:16144:30)
    at Object.forEachChild (C:\Users\Denis\Desktop\Projects\VPWebsite\node_modules\@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:16370:24)

जब भागो

एनजी निर्माण --उत्पाद

लेकिन _ng सर्व_ के साथ अच्छा लग रहा है

क्या आप मदद कर सकते हैं, मैं इसके साथ एक दिन से अधिक समय से लड़ रहा हूं।

मेरी निर्भरता सिर्फ मामले में:
"dependencies": { "@angular/animations": "6.1.10", "@angular/cdk": "6.4.7", "@angular/common": "7.2.13", "@angular/compiler": "7.2.13", "@angular/core": "7.2.13", "@angular/forms": "7.2.13", "@angular/http": "7.2.13", "@angular/material": "6.4.7", "@angular/platform-browser": "7.2.13", "@angular/platform-browser-dynamic": "7.2.13", "@angular/platform-server": "7.2.13", "@angular/router": "7.2.13", "@ng-bootstrap/ng-bootstrap": "4.1.1", "@ng-select/ng-select": "2.17.0", "@ng-toolkit/pwa": "7.1.1", "@ng-toolkit/universal": "7.1.1", "@ngneat/content-loader": "^4.1.0", "@nguniversal/express-engine": "7.1.1", "@nguniversal/module-map-ngfactory-loader": "7.1.1", "@ngx-meta/core": "7.0.0", "@swimlane/ngx-charts": "^12.0.1", "ajv-keywords": "3.4.0", "angular2-yandex-maps": "1.0.42", "bootstrap": "4.3.1", "core-js": "2.6.5", "crypto": "1.0.1", "crypto-js": "^3.1.9-1", "ejs": "^1.0.0", "et-line": "1.0.1", "express": "^4.16.4", "font-awesome": "4.7.0", "fs": "0.0.1-security", "http": "0.0.0", "jquery": "3.4.0", "jsencrypt": "^3.0.0-rc.1", "mock-browser": "^0.92.14", "moment": "2.24.0", "net": "1.0.2", "ng-lazyload-image": "^7.1.0", "ng-sidebar": "8.0.0", "ng5-slider": "1.1.14", "ngx-daterangepicker-material": "1.3.4", "ngx-mat-daterange-picker": "1.1.4", "ngx-owl-carousel": "2.0.7", "owl.carousel": "2.3.4", "path": "0.12.7", "popper.js": "1.15.0", "rxjs": "6.4.0", "rxjs-compat": "6.4.0", "stream": "0.0.2", "webpack-bundle-analyzer": "3.3.2", "zlib": "1.0.5", "zone.js": "0.8.29" }, "devDependencies": { "@angular-devkit/build-angular": "0.13.9", "@angular/cli": "7.3.8", "@angular/compiler-cli": "7.2.13", "@angular/language-service": "7.2.13", "@types/jasmine": "2.8.16", "@types/jasminewd2": "2.0.3", "@types/node": "8.9.4", "codelyzer": "4.5.0", "http-server": "0.11.1", "jasmine-core": "2.99.1", "jasmine-spec-reporter": "4.2.1", "karma": "^4.3.0", "karma-chrome-launcher": "2.2.0", "karma-coverage-istanbul-reporter": "2.0.5", "karma-jasmine": "1.1.2", "karma-jasmine-html-reporter": "0.2.2", "protractor": "5.4.2", "ts-loader": "5.3.3", "ts-node": "7.0.0", "tslint": "5.11.0", "typescript": "3.1.1", "webpack-cli": "3.3.0" }

स्रोत

Denis-Evseev

सबसे उपयोगी टिप्पणी

@ डेनिस-एवसेव, क्या आप इस परिवाद को संस्करण 7.0.1 डाउनग्रेड करने का प्रयास कर सकते हैं (केवल संपादन सेट करके:

- "ng-lazyload-image": "^7.1.0",
+ "ng-lazyload-image": "7.0.1",

और npm install फिर से चलाएँ?)

मैं सिर्फ यह जानना चाहता हूं कि क्या यह समस्या नवीनतम संस्करण में पेश की गई थी या यदि यह पहले के संस्करण में थी

tjoskar 26 फ़र॰ 2020

🎉5

सभी 28 टिप्पणियाँ

- "ng-lazyload-image": "^7.1.0",
+ "ng-lazyload-image": "7.0.1",

और npm install फिर से चलाएँ?)

tjoskar 26 फ़र॰ 2020

🎉5

@tjoskar - "7.0.1" ने इस मुद्दे को हल नहीं किया, फिर भी वही त्रुटि हो रही है।
धन्यवाद

Denis-Evseev 26 फ़र॰ 2020

@tjoskar - कोई विचार?

Denis-Evseev 27 फ़र॰ 2020

आप ng -cli के किस संस्करण का उपयोग कर रहे हैं? मैंने अभी निम्नलिखित किया है:

❯ ng --version

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 9.0.3
Node: 12.8.0
OS: darwin x64

Angular:
...
Ivy Workspace:

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.900.3
@angular-devkit/core         9.0.3
@angular-devkit/schematics   9.0.3
@schematics/angular          9.0.3
@schematics/update           0.900.3
rxjs                         6.5.3

❯ ng new my-app
❯ cd my-app
❯ ng build --prod
Your global Angular CLI version (9.0.3) is greater than your local
version (8.0.6). The local Angular CLI version is used.
...
build OK

# Adding ng-lazyload-image

❯ ng build --prod
Your global Angular CLI version (9.0.3) is greater than your local
version (8.0.6). The local Angular CLI version is used.
...
ERROR in ./node_modules/ng-lazyload-image/fesm5/ng-lazyload-image.js
Module build failed (from ./node_modules/@angular-devkit/build-optimizer/src/build-optimizer/webpack-loader.js):
TypeError: Cannot read property 'kind' of undefined
...

# Upgrade angular to version 9 so that Angular CLI and the local version match

❯ ng build --prod
# Build complete without warning or error

मैंने त्रुटि को गुमराह किया और ऐसा लगता है कि यह तब हो सकता है जब क्ली और स्थानीय कोणीय संस्करण मिस-मैच हो। ng --version का आउटपुट क्या है?

tjoskar 27 फ़र॰ 2020

नमस्ते, एसएसआर फाइलों को बनाने की कोशिश करते समय हमें एंगुलर 8 पर भी यही समस्या मिली।

एनजी-लेज़ीलोड-इमेज: 7.1.0

अद्यतन:
7.0.1 में अपग्रेड करना मेरे लिए काम कर गया ..

RFreij 28 फ़र॰ 2020

@RFreij , क्या आपके लिए स्थानीय संस्करण के साथ कोणीय सीएलआई संस्करण को संरेखित करना संभव है (ताकि चेतावनी गायब हो जाए?) उदा. आपको स्थानीय कोणीय संस्करण को 8.3.25 अपग्रेड करके?

tjoskar 28 फ़र॰ 2020

@tjoskar वह मेरा दूसरा विकल्प था जिसे मैं डाउनग्रेड करने के बाद आज़माना चाहता था। लेकिन ऐसा लगता है कि 7.0.1 में डाउनग्रेड करना मेरे लिए पहले से ही काम कर रहा है।

मैं इसे 7.1.0 के साथ और स्थानीय क्ली संस्करण के साथ आपके लिए समान कोशिश करूंगा। बस इसे खत्म करने के लिए

RFreij 28 फ़र॰ 2020

@tjoskar दुर्भाग्य से स्थानीय

RFreij 28 फ़र॰ 2020

@tjoskar @RFreij - इसे ठीक करने के बारे में कोई विचार नहीं है?

Denis-Evseev 4 मार्च 2020

मेरे लिए @ डेनिस-एवसेव, इसने 7.0.1 . पर डाउनग्रेड करके काम किया

RFreij 4 मार्च 2020

मेरे साथ भी वही दिक्कत है। 7.0.1 पर डाउनग्रेड करने से मुझे कोई मदद नहीं मिलती

fourAnge 4 मार्च 2020

7.0.1 पर डाउनग्रेड करने से मुझे भी मदद मिली: टाडा:

Prozi 6 मार्च 2020

मैं कोणीय सीएलआई के एक संस्करण का उपयोग किए बिना इसे पुन: पेश नहीं कर सकता जो कोणीय के स्थानीय संस्करण के साथ मेल नहीं खाता। क्या किसी के पास कोई परियोजना है जहां इस मुद्दे को पुन: प्रस्तुत किया जा सकता है, जिसे आप मेरे साथ साझा कर सकते हैं?

tjoskar 7 मार्च 2020

@tjoskar मैंने आपके लिए एक बनाने की कोशिश की। लेकिन ऐसा लगता है कि मैं इसे एंगुलर 8 की एक नई स्थापना पर पुन: पेश नहीं कर सकता .. दोनों एनजी सर्व और एनजी बिल्ड --प्रोड ताजा इंस्टॉल पर ठीक काम कर रहे हैं ..

RFreij 7 मार्च 2020

कोणीय के विभिन्न संस्करणों के साथ यहां समान त्रुटि, लेकिन SSR

मुझे बताएं कि क्या किसी डेटा या परीक्षण की आवश्यकता है। मैंने 7.0.1 और 7.1.0 . के साथ भी परीक्षण किया है

jmelich 9 मार्च 2020

मैंने इस मुद्दे के लिए गुगली की है और पाया है कि टाइपस्क्रिप्ट के पुराने संस्करणों के लिए त्रुटि सामान्य है और मैं देख रहा हूं कि आप 3.2.4 का उपयोग कर रहे हैं जो एक साल पहले जारी किया गया था और 3.1.1 सितंबर 2018 को जारी किया गया था। क्या आपके लिए टाइपप्रति संस्करण को अद्यतन करने का प्रयास करना संभव है?

tjoskar 9 मार्च 2020

उ0—इससे पहले जब मुझे समस्या मिली

मेरी कोणीय निर्भरता
"@ कोणीय/एनिमेशन": "^8.2.14",
"@ कोणीय/सामान्य": "~ 8.1.2",
"@ कोणीय/संकलक": "~ 8.1.2",
"@ कोणीय/कोर": "~ 8.1.2",
"@ कोणीय/रूप": "~8.1.2",
"@ कोणीय/प्लेटफ़ॉर्म-ब्राउज़र": "~8.1.2",
"@ कोणीय/प्लेटफ़ॉर्म-ब्राउज़र-गतिशील": "~8.1.2",
"@ कोणीय/राउटर": "~8.1.2",

देव निर्भरता
"@ कोणीय-देवकिट/वास्तुकार": "~ 0.801.2",
"@ कोणीय-देवकिट/बिल्ड-कोणीय": "~ 0.801.2",
"@ कोणीय-देवकिट/कोर": "~8.1.2",
"@ कोणीय-देवकिट/स्कीमैटिक्स": "~8.1.2",
"@ कोणीय/क्ली": "~ 8.1.2",
"@ कोणीय/संकलक": "~ 8.1.2",
"@ कोणीय/कंपाइलर-क्ली": "~8.1.2",
"@ कोणीय/भाषा-सेवा": "~8.1.2",
"@ आयनिक/कोणीय-टूलकिट": "~ 2.0.0",

और "एनजी-लेज़ीलोड-इमेज": "^ 7.1.0",

B-अब समस्या को ठीक करने के बाद

सब कुछ वैसा ही रहता है सिवाय
"एनजी-लेज़ीलोड-इमेज": "^7.0.1",
"@ कोणीय-देवकिट/बिल्ड-कोणीय": "~ 0.803.24",

fourAnge 9 मार्च 2020

मैंने आलसी-छवि को 6.0.1 में डाउनग्रेड कर दिया है और अब काम करता है।
इससे पहले मैंने टाइपस्क्रिप्ट संस्करण को अपग्रेड करने का प्रयास किया था, जिसके परिणामस्वरूप मेरी परियोजना के लिए उच्चतम अनुमत संस्करण 3.3.0 दिया गया था, मैं कोणीय 7 पर हूं और मुझे वर्तमान में कोणीय 8 में अपग्रेड करने में कोई दिलचस्पी नहीं है।

कोणीय कंपाइलर में त्रुटि के लिए टाइपस्क्रिप्ट> = 3.1.1 और <3.3.0 की आवश्यकता होती है, लेकिन इसके बजाय 3.8.3 पाया गया।

jmelich 11 मार्च 2020

🎉1

आपके उत्तर @jmelich के लिए धन्यवाद। बस जिज्ञासा, आप एंगुलर को अपग्रेड क्यों नहीं करना चाहते हैं? एंगुलर 7 के लिए एलटीएस 18 अप्रैल को समाप्त होगा इसलिए मुझे लगता है कि यह समय है :)

tjoskar 12 मार्च 2020

अभी के लिए हमारे पास अन्य प्राथमिकताएं और कार्य हैं, उसके बाद निश्चित रूप से हम इस ऐप को सबसे हाल के कोणीय में अपडेट करेंगे लेकिन अभी नहीं। यह नवीनतम संशोधन जहां आपकी लाइब्रेरी शामिल थी, पृष्ठ गति में एक महत्वपूर्ण सुधार करने के लिए छोटे प्रयास के साथ इसमें बहुत सारी छवियां शामिल थीं। वैसे, आपकी रुचि और आपके पैकेज के लिए धन्यवाद, यह वास्तव में अच्छा काम करता है :P

jmelich 13 मार्च 2020

@jmelich मैं आज 30 मिनट के लिए कोणीय 8 में चला गया!
आलसी लोडिंग अब आकर्षण की तरह काम करती है!
प्रयुक्त: https://medium.com/better-programming/upgrad-to-angular-8-beta-within-10-minutes-cd831fb8dd0e

Denis-Evseev 17 मार्च 2020

❤1

@ डेनिस-एवसेव मैं वास्तव में आपके लिंक की सराहना करता हूं और अगर आप प्रमाणित करते हैं कि यह सिर्फ 30 मिनट था तो मैं कोशिश करूंगा :)। वास्तव में हमारे पास कोणीय में बने 2 ऐप्स हैं, दोनों संस्करण 7 के साथ, लेकिन उनमें से एक वास्तव में बड़ा है और अजीब आवश्यकताओं और बहुत सारी निर्भरताओं के लिए कई कामकाज के साथ है। वैसे भी ऐसा लगता है कि अभी हम सभी के पास खर्च करने के लिए बहुत अधिक समय है इसलिए मैं जल्द ही कोशिश करूंगा। धन्यवाद!

jmelich 20 मार्च 2020

मुझे खेद है कि यह आप सभी के लिए एक मुद्दा है और काश मेरे पास कोई समाधान होता लेकिन मुझे नहीं पता कि समस्या क्या है। मुझे पूरा यकीन है कि इसका टाइपस्क्रिप्ट (और कोणीय) संस्करण के साथ कुछ लेना-देना है। मुझे एक ऐसी परियोजना बनाने में सक्षम होना अच्छा लगेगा जहां मैं इस मुद्दे को पुन: उत्पन्न कर सकता हूं ताकि मैं इसे डीबग कर सकूं लेकिन साथ ही साथ कोणीय 7 को एक महीने से भी कम समय में बहिष्कृत कर दिया जाएगा, और अब कोणीय टीम द्वारा समर्थित नहीं होगा और इसके लिए नहीं मेरे द्वारा भी।

अगर कोई ऐसी परियोजना साझा कर सकता है जहां इसे पुन: प्रस्तुत किया जा सकता है तो मैं इसे देख लूंगा और इसे ठीक करने का प्रयास करूंगा।

tjoskar 20 मार्च 2020

@ डेनिस-एवसेव, क्या आप इस परिवाद को संस्करण 7.0.1 डाउनग्रेड करने का प्रयास कर सकते हैं (केवल संपादन सेट करके:
- "ng-lazyload-image": "^7.1.0",
+ "ng-lazyload-image": "7.0.1",
और npm install फिर से चलाएँ?)
मैं सिर्फ यह जानना चाहता हूं कि क्या यह समस्या नवीनतम संस्करण में पेश की गई थी या यदि यह पहले के संस्करण में थी

मैं इस काम की पुष्टि कर सकता हूं (डाउनग्रेड)

Prozi 21 मार्च 2020

संस्करण 7.1.0 मैंने ng-packagr को संस्करण 9.0.0 में अपग्रेड किया है और ऐसा लगता है कि 3.6.4 से पहले के टाइपस्क्रिप्ट संस्करण अब समर्थित नहीं हैं, लेकिन ऐसा लगता है कि Angular 8 टाइपस्क्रिप्ट 3.4 से 3.7 तक का समर्थन कर रहा है।

कोणीय 7 के लिए:
ऐसा लगता है कि यह आप में से अधिकांश के लिए ng-lazyload-image को संस्करण 7.0.1 डाउनग्रेड करने के लिए काम करता है और चूंकि कोणीय टीम कुछ ही हफ्तों (18 अप्रैल) में संस्करण 7 के लिए समर्थन छोड़ देगी। यकीन है कि मैं इसे ठीक कर दूंगा। हालांकि, अगर कोई चाहता है तो मैं पीआर स्वीकार करूंगा:

चेकआउट इस lib
डाउनग्रेड ng-packagr से 5.7.0 और टाइपस्क्रिप्ट को 3.5.3
इस लिब में ts सिंटैक्स को डाउनग्रेड करें (उर्फ। ts समस्या को ठीक करें जो निर्माण करने का प्रयास करते समय दिखाई देगा)
लिब का स्थानीय संस्करण बनाएं (एनपीएम रन बिल्ड && सीडी डिस्ट && एनपीएम पैक)
अपने ऐप में बंडल इंस्टॉल करें (npm install ../path/to/ng-lazyload-image/dist/ng-lazyload-image-7.1.0.tgz)
त्रुटि दूर हो जाती है या नहीं यह देखने के लिए अपने ऐप में ng build --prod चलाएं।

कोणीय 8 के लिए:
ऐसा लगता है कि आप टाइपस्क्रिप्ट को 3.6.4 अपग्रेड कर सकते हैं और यह काम करेगा

कोणीय 9 के लिए:
यह संस्करण केवल टाइपस्क्रिप्ट 3.7 और इसके बाद के संस्करण का समर्थन करता है, इसलिए यहां कोई समस्या नहीं है।

कृपया मुझे बताएं कि क्या मैं किसी भी तरह से गलत हूं।

tjoskar 28 मार्च 2020

@ डेनिस-एवसेव, क्या आप इस परिवाद को संस्करण 7.0.1 डाउनग्रेड करने का प्रयास कर सकते हैं (केवल संपादन सेट करके:
- "ng-lazyload-image": "^7.1.0",
+ "ng-lazyload-image": "7.0.1",
और npm install फिर से चलाएँ?)
मैं सिर्फ यह जानना चाहता हूं कि क्या यह समस्या नवीनतम संस्करण में पेश की गई थी या यदि यह पहले के संस्करण में थी

धन्यवाद।
इससे मेरा काम बनता है!

JUNWOO45 11 मई 2020

यह पता चला है कि, जब मैंने 7.1.0 से 7.0.1 तक डाउनग्रेड किया, तो यह वास्तव में काम करता है, लेकिन तब मैं ऑनस्टेट चेंज इवेंट का उपयोग करने में असमर्थ था क्योंकि ऐसा लगता है कि यह कार्यक्षमता वास्तव में 7.1.0 संस्करण में आई थी। मुझे ऑनलोड का उपयोग करना पड़ा जो केवल एक बूलियन लौटाता है।

जैसा कि @ डेनिस-एवसेव ने कहा है, आपको सीधे "7.0.1" में बदलने की जरूरत है और पैकेज से "7.1.0" के संदर्भ को भी हटाना होगा। लॉक फ़ाइल ताकि यह "7.0.1" की एक नई स्थापना कर सके। 1" संस्करण। इसके अतिरिक्त आप "ng-lazy-load-image" फ़ोल्डर को node_modules निर्देशिका से हटा सकते हैं

teedon 12 मई 2020

कोणीय 7 अब कोणीय टीम द्वारा समर्थित नहीं है और इसलिए ng-lazyload-image द्वारा भी समर्थित नहीं है। हालाँकि, मुझे इसे ठीक करने के लिए पीआर या सुझाव स्वीकार करने में प्रसन्नता हो रही है।

अगर किसी को एंगुलर 8 या 9 के साथ भी ऐसी ही समस्या है, तो कृपया एक नया मुद्दा बनाएं।

tjoskar 29 मई 2020

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Ng-lazyload-image: अपरिभाषित की संपत्ति 'प्रकार' नहीं पढ़ सकता - कोणीय 7 सार्वभौमिक अनुप्रयोग

सबसे उपयोगी टिप्पणी

सभी 28 टिप्पणियाँ

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