त्रुटि TS1086: एक एक्सेसर को एंगुलर 9 में एक परिवेश के संदर्भ में घोषित नहीं किया जा सकता है

Question

मैं कोणीय सामग्री सीख रहा हूं और "@ कोणीय / सामग्री / बटन" से {MatButtonModule} आयात करते समय मुझे यह त्रुटि हो रही है।

मैंने अन्य उत्तरों में जो पढ़ा है, वह पैकेज संगतता मुद्दों की तरह दिखता है, लेकिन मैं इसे ठीक नहीं कर पाया।

यहाँ पूरी त्रुटि है

ERROR in node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts(29,9): error TS1086: An accessor cannot be declared in an ambient context.
    node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts(30,9): error TS1086: An accessor cannot be declared in an ambient context.
    node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts(128,9): error TS1086: An accessor cannot be declared in an ambient context.
    node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts(129,9): error TS1086: An accessor cannot be declared in an ambient context.
    node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts(134,9): error TS1086: An accessor cannot be declared in an ambient context.
    node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts(135,9): error TS1086: An accessor cannot be declared in an ambient context.
    node_modules/@angular/cdk/a11y/key-manager/list-key-manager.d.ts(96,9): error TS1086: An accessor cannot be declared in an ambient context.
    node_modules/@angular/cdk/a11y/key-manager/list-key-manager.d.ts(98,9): error TS1086: An accessor cannot be declared in an ambient context.
    node_modules/@angular/cdk/a11y/live-announcer/live-announcer.d.ts(69,9): error TS1086: An accessor cannot be declared in an ambient context.
    node_modules/@angular/cdk/a11y/live-announcer/live-announcer.d.ts(70,9): error TS1086: An accessor cannot be declared in an ambient context.
    node_modules/@angular/cdk/observers/observe-content.d.ts(62,9): error TS1086: An accessor cannot be declared in an ambient context.
    node_modules/@angular/cdk/observers/observe-content.d.ts(63,9): error TS1086: An accessor cannot be declared in an ambient context.
    node_modules/@angular/cdk/observers/observe-content.d.ts(66,9): error TS1086: An accessor cannot be declared in an ambient context.
    node_modules/@angular/cdk/observers/observe-content.d.ts(67,9): error TS1086: An accessor cannot be declared in an ambient context.

यहाँ मेरा पैकेज है

"name": "football",
  "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": "~8.2.14",
    "@angular/cdk": "^9.0.0",
    "@angular/common": "~8.2.14",
    "@angular/compiler": "~8.2.14",
    "@angular/core": "~8.2.14",
    "@angular/forms": "~8.2.14",
    "@angular/material": "8.2.3",
    "@angular/platform-browser": "~8.2.14",
    "@angular/platform-browser-dynamic": "~8.2.14",
    "@angular/router": "~8.2.14",
    "hammerjs": "^2.0.8",
    "rxjs": "~6.4.0",
    "tslib": "^1.10.0",
    "zone.js": "~0.9.1"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.803.21",
    "@angular/cli": "~8.3.21",
    "@angular/compiler-cli": "~8.2.14",
    "@angular/language-service": "~8.2.14",
    "@types/node": "~8.9.4",
    "@types/jasmine": "~3.3.8",
    "@types/jasminewd2": "~2.0.3",
    "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.4.0",
    "protractor": "~5.4.0",
    "ts-node": "~7.0.0",
    "tslint": "~5.15.0",
    "typescript": "~3.5.3"
  }
}

Answer 1

आपके पैकेज के अनुसार। Json, आप Angular 8.3 का उपयोग कर रहे हैं, लेकिन आपने कोणीय / cdk v9 आयात किया है। आप अपने कोणीय / सीडीके संस्करण को डाउनग्रेड कर सकते हैं या आप चलाकर अपने कोणीय संस्करण को v9 में अपग्रेड कर सकते हैं:

ng update @angular/core @angular/cli

यह आपके स्थानीय कोणीय संस्करण को 9 में अपडेट करेगा। फिर, सामग्री को सिंक करने के लिए, चलाएं: ng update @angular/material

Comments

धन्यवाद, मुझे इस मुद्दे का सामना करना पड़ा जब मैंने कोणीय फ्लेक्स स्थापित किया जो स्वचालित रूप से नवीनतम संस्करण स्थापित किया (मेरे मामले में संस्करण 9), लेकिन मैं कोणीय 8 के साथ काम कर रहा था। संस्करण को सही करने से समस्या हल हो गई

— A_J

@ कीलर जॉनसन को मैं कोणीय / सीडीके कैसे मना कर सकता हूं

— mdkamrul

@mdkamrul आप रनिंग के द्वारा डाउनग्रेड कर सकते हैं npm i @angular/core@8 @angular/cli@8 @angular/material@8, यह मानते हुए कि आप संस्करण 8 पर थे। कभी-कभी आपके पैकेज.जसन और पैकेज-लॉक। जसन सिंक से बाहर हो जाएंगे और आपकी परियोजना पैकेज-लॉक.जसन फ़ाइल के अंदर का उपयोग करेगी। तो अब, npm iउन्हें सिंक करने के लिए चलाएँ । यदि आप इसके बाद भी समस्याओं में रहते हैं, npm ciतो अपनी निर्भरता की पूरी तरह से साफ स्थापना करने के लिए दौड़ें

— काइलर जॉनसन

मुझे उपयोग करना था ng update @angular/cli @angular/core --force, क्योंकि पैकेज स्वयं असंगत हैं, अन्यथा आप अन्यथा स्विच नहीं कर सकते।

— परीक्षण

Answer 2

पहले कृपया module.tsफ़ाइल में जाँच करें कि @NgModuleसभी गुण केवल एक बार हैं। यदि किसी में से एक से अधिक हैं तो भी यह त्रुटि आती है। क्योंकि मुझे भी यह त्रुटि आई थी, लेकिन module.tsफाइल entryComponentsप्रॉपर्टी में दो बार थे इसलिए मुझे यह त्रुटि मिल रही थी। मैंने एक समय निकालकर इस त्रुटि को हल entryComponentsकिया @NgModule। इसलिए, मेरा सुझाव है कि पहले आप इसे ठीक से जांच लें।